@verdocs/web-sdk 1.9.6 → 1.9.10

package/dist/esm-es5/verdocs-toggle-button.entry.js

@@ -1,2 +1,2 @@
-import{r as registerInstance,c as createEvent,h,H as Host}from"./index-f78d163d.js";var verdocsToggleButtonCss='verdocs-toggle-button{font-family:"Barlow", sans-serif}verdocs-toggle-button button{border:none;cursor:pointer;-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;background:#cccccc;color:#33364b}verdocs-toggle-button button svg{max-width:100%;max-height:100%;fill:#33364b}verdocs-toggle-button button.active{background:#55bc81;color:#f5f5fa}verdocs-toggle-button button.active svg{fill:#f5f5fa}verdocs-toggle-button.size-normal button{width:40px;height:40px;padding:6px;border-radius:4px}verdocs-toggle-button.size-small button{width:34px;height:34px;padding:4px;border-radius:2px}';var VerdocsToggleButton=function(){function t(t){registerInstance(this,t);this.toggle=createEvent(this,"toggle",7);this.active=false;this.icon=null;this.label=null;this.size="normal";this._active=false}t.prototype.componentWillLoad=function(){this._active=this.active};t.prototype.handleToggle=function(t){var e;t.stopPropagation();var o=!this._active;this._active=o;(e=this.toggle)===null||e===void 0?void 0:e.emit({active:o})};t.prototype.render=function(){var t=this;return h(Host,{class:"size-".concat(this.size)},this.icon?h("button",{innerHTML:this.icon,class:{active:this._active},onClick:function(e){return t.handleToggle(e)}}):h("button",{class:{active:this._active},onClick:function(e){return t.handleToggle(e)}},this.label))};return t}();VerdocsToggleButton.style=verdocsToggleButtonCss;export{VerdocsToggleButton as verdocs_toggle_button};
+import{r as registerInstance,c as createEvent,h,H as Host}from"./index-f78d163d.js";var verdocsToggleButtonCss='verdocs-toggle-button{font-family:"Barlow", sans-serif}verdocs-toggle-button button{border:none;outline:none;cursor:pointer;-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;background:#cccccc;color:#33364b}verdocs-toggle-button button svg{max-width:100%;max-height:100%;fill:#33364b}verdocs-toggle-button button.active{background:#55bc81;color:#f5f5fa}verdocs-toggle-button button.active svg{fill:#f5f5fa}verdocs-toggle-button button:focus{border:none;outline:none}verdocs-toggle-button.size-normal button{width:40px;height:40px;padding:6px;border-radius:4px}verdocs-toggle-button.size-small button{width:34px;height:34px;padding:4px;border-radius:2px}';var VerdocsToggleButton=function(){function t(t){registerInstance(this,t);this.toggle=createEvent(this,"toggle",7);this.active=false;this.icon=null;this.label=null;this.size="normal";this._active=false}t.prototype.componentWillLoad=function(){this._active=this.active};t.prototype.handleToggle=function(t){var e;t.stopPropagation();var o=!this._active;this._active=o;(e=this.toggle)===null||e===void 0?void 0:e.emit({active:o})};t.prototype.render=function(){var t=this;return h(Host,{class:"size-".concat(this.size)},this.icon?h("button",{innerHTML:this.icon,class:{active:this._active},onClick:function(e){return t.handleToggle(e)}}):h("button",{class:{active:this._active},onClick:function(e){return t.handleToggle(e)}},this.label))};return t}();VerdocsToggleButton.style=verdocsToggleButtonCss;export{VerdocsToggleButton as verdocs_toggle_button};
 //# sourceMappingURL=verdocs-toggle-button.entry.js.map

package/dist/esm-es5/verdocs-toggle-button.entry.js.map

@@ -1 +1 @@
-{"version":3,"sources":["src/components/controls/verdocs-toggle-button/verdocs-toggle-button.scss?tag=verdocs-toggle-button","src/components/controls/verdocs-toggle-button/verdocs-toggle-button.tsx"],"names":["verdocsToggleButtonCss","VerdocsToggleButton","prototype","componentWillLoad","this","_active","active","handleToggle","e","stopPropagation","newState","_a","toggle","emit","render","_this","h","Host","class","concat","size","icon","innerHTML","onClick","label"],"mappings":"oFAAA,IAAMA,uBAAyB,6pBCSlBC,oBAAmB,uGACb,gBAKc,gBAKC,eAKI,sBAOjB,MAEnBA,EAAAC,UAAAC,kBAAA,WACEC,KAAKC,QAAUD,KAAKE,QAGtBL,EAAAC,UAAAK,aAAA,SAAaC,SACXA,EAAEC,kBAEF,IAAMC,GAAYN,KAAKC,QACvBD,KAAKC,QAAUK,GACfC,EAAAP,KAAKQ,UAAM,MAAAD,SAAA,OAAA,EAAAA,EAAEE,KAAK,CAACP,OAAQI,KAG7BT,EAAAC,UAAAY,OAAA,WAAA,IAAAC,EAAAX,KACE,OACEY,EAACC,KAAI,CAACC,MAAO,QAAAC,OAAQf,KAAKgB,OACvBhB,KAAKiB,KACJL,EAAA,SAAA,CAAQM,UAAWlB,KAAKiB,KAAMH,MAAO,CAACZ,OAAQF,KAAKC,SAAUkB,QAAS,SAAAf,GAAK,OAAAO,EAAKR,aAAaC,MAE7FQ,EAAA,SAAA,CAAQE,MAAO,CAACZ,OAAQF,KAAKC,SAAUkB,QAAS,SAAAf,GAAK,OAAAO,EAAKR,aAAaC,KACpEJ,KAAKoB,kBA5Cc","sourcesContent":["@import '../../../theme.scss';\n\nverdocs-toggle-button {\n  font-family: $primary-font;\n\n  button {\n    border: none;\n    cursor: pointer;\n    align-items: center;\n    display: inline-flex;\n    justify-content: center;\n    background: $verdocs-bg-1;\n    color: $verdocs-dark-blue;\n\n    svg {\n      max-width: 100%;\n      max-height: 100%;\n      fill: $verdocs-dark-blue;\n    }\n\n    &.active {\n      background: $verdocs-green;\n      color: $verdocs-grey-3;\n\n      svg {\n        fill: $verdocs-grey-3;\n      }\n    }\n  }\n\n  &.size-normal button {\n    width: 40px;\n    height: 40px;\n    padding: 6px;\n    border-radius: 4px;\n  }\n\n  &.size-small button {\n    width: 34px;\n    height: 34px;\n    padding: 4px;\n    border-radius: 2px;\n  }\n}\n","import {Component, Prop, h, State, Event, EventEmitter, Host} from '@stencil/core';\n\n/**\n * Displays a single button that can be toggled on or off by clicking it.\n */\n@Component({\n  tag: 'verdocs-toggle-button',\n  styleUrl: 'verdocs-toggle-button.scss',\n})\nexport class VerdocsToggleButton {\n  @Prop() active = false;\n\n  /**\n   * If set, should be an SVG object. This will be rendered as the button's visible element. If icon is supplied, label is ignored.\n   */\n  @Prop() icon?: string | null = null;\n\n  /**\n   * If set, should be an SVG object. This will be rendered as the button's visible element. If icon is supplied, label is ignored.\n   */\n  @Prop() label?: string | null = null;\n\n  /**\n   * How large the button should be. Small buttons are intended for dialog boxes and other smaller scale UI regions.\n   */\n  @Prop() size?: 'small' | 'normal' = 'normal';\n\n  /**\n   * Event fired when the button is pressed.\n   */\n  @Event({composed: true}) toggle!: EventEmitter<{active: boolean}>;\n\n  @State() _active = false;\n\n  componentWillLoad() {\n    this._active = this.active;\n  }\n\n  handleToggle(e: any) {\n    e.stopPropagation();\n\n    const newState = !this._active;\n    this._active = newState;\n    this.toggle?.emit({active: newState});\n  }\n\n  render() {\n    return (\n      <Host class={`size-${this.size}`}>\n        {this.icon ? (\n          <button innerHTML={this.icon} class={{active: this._active}} onClick={e => this.handleToggle(e)} />\n        ) : (\n          <button class={{active: this._active}} onClick={e => this.handleToggle(e)}>\n            {this.label}\n          </button>\n        )}\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"sources":["src/components/controls/verdocs-toggle-button/verdocs-toggle-button.scss?tag=verdocs-toggle-button","src/components/controls/verdocs-toggle-button/verdocs-toggle-button.tsx"],"names":["verdocsToggleButtonCss","VerdocsToggleButton","prototype","componentWillLoad","this","_active","active","handleToggle","e","stopPropagation","newState","_a","toggle","emit","render","_this","h","Host","class","concat","size","icon","innerHTML","onClick","label"],"mappings":"oFAAA,IAAMA,uBAAyB,suBCSlBC,oBAAmB,uGACb,gBAKc,gBAKC,eAKI,sBAOjB,MAEnBA,EAAAC,UAAAC,kBAAA,WACEC,KAAKC,QAAUD,KAAKE,QAGtBL,EAAAC,UAAAK,aAAA,SAAaC,SACXA,EAAEC,kBAEF,IAAMC,GAAYN,KAAKC,QACvBD,KAAKC,QAAUK,GACfC,EAAAP,KAAKQ,UAAM,MAAAD,SAAA,OAAA,EAAAA,EAAEE,KAAK,CAACP,OAAQI,KAG7BT,EAAAC,UAAAY,OAAA,WAAA,IAAAC,EAAAX,KACE,OACEY,EAACC,KAAI,CAACC,MAAO,QAAAC,OAAQf,KAAKgB,OACvBhB,KAAKiB,KACJL,EAAA,SAAA,CAAQM,UAAWlB,KAAKiB,KAAMH,MAAO,CAACZ,OAAQF,KAAKC,SAAUkB,QAAS,SAAAf,GAAK,OAAAO,EAAKR,aAAaC,MAE7FQ,EAAA,SAAA,CAAQE,MAAO,CAACZ,OAAQF,KAAKC,SAAUkB,QAAS,SAAAf,GAAK,OAAAO,EAAKR,aAAaC,KACpEJ,KAAKoB,kBA5Cc","sourcesContent":["@import '../../../theme.scss';\n\nverdocs-toggle-button {\n  font-family: $primary-font;\n\n  button {\n    border: none;\n    outline: none;\n    cursor: pointer;\n    align-items: center;\n    display: inline-flex;\n    justify-content: center;\n    background: $verdocs-bg-1;\n    color: $verdocs-dark-blue;\n\n    svg {\n      max-width: 100%;\n      max-height: 100%;\n      fill: $verdocs-dark-blue;\n    }\n\n    &.active {\n      background: $verdocs-green;\n      color: $verdocs-grey-3;\n\n      svg {\n        fill: $verdocs-grey-3;\n      }\n    }\n\n    &:focus {\n      border: none;\n      outline: none;\n    }\n  }\n\n  &.size-normal button {\n    width: 40px;\n    height: 40px;\n    padding: 6px;\n    border-radius: 4px;\n  }\n\n  &.size-small button {\n    width: 34px;\n    height: 34px;\n    padding: 4px;\n    border-radius: 2px;\n  }\n}\n","import {Component, Prop, h, State, Event, EventEmitter, Host} from '@stencil/core';\n\n/**\n * Displays a single button that can be toggled on or off by clicking it.\n */\n@Component({\n  tag: 'verdocs-toggle-button',\n  styleUrl: 'verdocs-toggle-button.scss',\n})\nexport class VerdocsToggleButton {\n  @Prop() active = false;\n\n  /**\n   * If set, should be an SVG object. This will be rendered as the button's visible element. If icon is supplied, label is ignored.\n   */\n  @Prop() icon?: string | null = null;\n\n  /**\n   * If set, should be an SVG object. This will be rendered as the button's visible element. If icon is supplied, label is ignored.\n   */\n  @Prop() label?: string | null = null;\n\n  /**\n   * How large the button should be. Small buttons are intended for dialog boxes and other smaller scale UI regions.\n   */\n  @Prop() size?: 'small' | 'normal' = 'normal';\n\n  /**\n   * Event fired when the button is pressed.\n   */\n  @Event({composed: true}) toggle!: EventEmitter<{active: boolean}>;\n\n  @State() _active = false;\n\n  componentWillLoad() {\n    this._active = this.active;\n  }\n\n  handleToggle(e: any) {\n    e.stopPropagation();\n\n    const newState = !this._active;\n    this._active = newState;\n    this.toggle?.emit({active: newState});\n  }\n\n  render() {\n    return (\n      <Host class={`size-${this.size}`}>\n        {this.icon ? (\n          <button innerHTML={this.icon} class={{active: this._active}} onClick={e => this.handleToggle(e)} />\n        ) : (\n          <button class={{active: this._active}} onClick={e => this.handleToggle(e)}>\n            {this.label}\n          </button>\n        )}\n      </Host>\n    );\n  }\n}\n"]}

package/dist/esm-es5/verdocs-toggle.entry.js.map

@@ -1 +1 @@
-{"version":3,"sources":["src/components/controls/verdocs-toggle/verdocs-toggle.scss?tag=verdocs-toggle","src/components/controls/verdocs-toggle/verdocs-toggle.tsx"],"names":["verdocsToggleCss","VerdocsToggle","prototype","componentWillLoad","this","selectedOption","_a","options","defaultSelection","render","_this","h","class","concat","label","buttons","map","button","index","id","key","innerHTML","icon","onClick","console","log"],"mappings":"yDAAA,IAAMA,iBAAmB,0lCCwBZC,cAAa,kHAWU,EAElCA,EAAAC,UAAAC,kBAAA,iBACEC,KAAKC,iBAAiBC,EAAAF,KAAKG,WAAO,MAAAD,SAAA,OAAA,EAAAA,EAAEE,mBAAoB,GA0B1DP,EAAAC,UAAAO,OAAA,WAAA,IAAAC,EAAAN,KACE,OACEO,EAAA,MAAA,CAAKC,MAAM,aACTD,EAAA,OAAA,CAAMC,MAAM,SAAS,GAAAC,OAAGT,KAAKG,QAAQO,MAAK,MAC1CH,EAAA,MAAA,CAAKC,MAAM,WACRR,KAAKG,QAAQQ,QAAQC,KAAI,SAACC,EAAkBC,GAAa,OACxDP,EAAA,SAAA,CACEQ,GAAIF,EAAOE,GACXC,IAAKH,EAAOE,GACZE,UAAWJ,EAAOK,KAClBV,MAAOM,IAAUR,EAAKL,eAAiB,WAAa,GACpDkB,QAAS,WACPC,QAAQC,IAAI,UAAWP,GACvBR,EAAKL,eAAiBa,oBArDZ","sourcesContent":["@import '../../../theme.scss';\n\nverdocs-toggle {\n  font-family: $primary-font;\n\n  .container {\n    display: flex;\n    flex-direction: row;\n    flex-wrap: nowrap;\n    background-color: $container-bg;\n  }\n\n  .label {\n    font-size: 24px;\n    font-weight: 700;\n    color: $medium-bg;\n    align-self: center;\n    margin-right: 27px;\n    font-family: sans-serif;\n  }\n\n  .buttons {\n    display: flex;\n    flex-direction: row;\n    flex-wrap: nowrap;\n  }\n\n  .buttons button {\n    width: 60px;\n    height: 60px;\n    border: 2px solid $item-border-color;\n    border-radius: 5px;\n    cursor: pointer;\n  }\n\n  .buttons button:not(:last-child) {\n    margin-right: 11px;\n  }\n\n  .buttons svg {\n    width: 30px;\n    height: 30px;\n  }\n\n  .buttons button:hover {\n    background-color: $item-border-color;\n    transition: 0.25s;\n  }\n\n  .buttons button:hover svg {\n    fill: $container-bg;\n    transition: 0.25s;\n  }\n\n  .selected {\n    background-color: $border-color;\n    transition: 0.25s;\n  }\n\n  .selected svg {\n    fill: #ffffff;\n    transition: 0.25s;\n  }\n}\n","import {Component, Prop, h, State} from '@stencil/core';\n\nexport interface IButtons {\n  id: string;\n  icon: string;\n}\n\nexport interface IToggleIconButtons {\n  label: string;\n  defaultSelection: number;\n  buttons: IButtons[];\n}\n\n/**\n * Displays a label and a set of buttons, also allowing a default selection of a button\n *\n * ```typescript\n *\n * ```\n */\n@Component({\n  tag: 'verdocs-toggle',\n  styleUrl: 'verdocs-toggle.scss',\n})\nexport class VerdocsToggle {\n  /**\n   * The tags to display\n   */\n  @Prop() options: IToggleIconButtons;\n\n  /**\n   * The \"theme\" to be used\n   */\n  @Prop() theme: 'light' | 'dark';\n\n  @State() selectedOption: number = 0;\n\n  componentWillLoad() {\n    this.selectedOption = this.options?.defaultSelection || 0;\n  }\n\n  // @Listen('click', {\n  //   target: 'document',\n  //   capture: true,\n  //   passive: false,\n  // })\n  // handleClick(event) {\n  //   event.preventDefault();\n  //   let container = event.target;\n  //   if (container.matches('toggle-icon-buttons')) {\n  //     container = event.target.shadowRoot;\n  //     const element = container.activeElement;\n  //     const siblings = Array.from(element.parentElement.children).filter(child => {\n  //       return child !== element;\n  //     });\n  //     siblings.map((sibling: any) => {\n  //       return sibling.classList.remove('selected');\n  //     });\n  //     if (!element.classList.contains('selected')) {\n  //       element.classList.add('selected');\n  //     }\n  //   }\n  // }\n\n  render() {\n    return (\n      <div class=\"container\">\n        <span class=\"label\">{`${this.options.label}:`}</span>\n        <div class=\"buttons\">\n          {this.options.buttons.map((button: IButtons, index: number) => (\n            <button\n              id={button.id}\n              key={button.id}\n              innerHTML={button.icon}\n              class={index === this.selectedOption ? 'selected' : ''}\n              onClick={() => {\n                console.log('clicked', index);\n                this.selectedOption = index;\n              }}\n            />\n          ))}\n        </div>\n      </div>\n    );\n  }\n}\n"]}
+{"version":3,"sources":["src/components/controls/verdocs-toggle/verdocs-toggle.scss?tag=verdocs-toggle","src/components/controls/verdocs-toggle/verdocs-toggle.tsx"],"names":["verdocsToggleCss","VerdocsToggle","prototype","componentWillLoad","this","selectedOption","_a","options","defaultSelection","render","_this","h","class","concat","label","buttons","map","button","index","id","key","innerHTML","icon","onClick","console","log"],"mappings":"yDAAA,IAAMA,iBAAmB,0lCCoBZC,cAAa,kHAWU,EAElCA,EAAAC,UAAAC,kBAAA,iBACEC,KAAKC,iBAAiBC,EAAAF,KAAKG,WAAO,MAAAD,SAAA,OAAA,EAAAA,EAAEE,mBAAoB,GAG1DP,EAAAC,UAAAO,OAAA,WAAA,IAAAC,EAAAN,KACE,OACEO,EAAA,MAAA,CAAKC,MAAM,aACTD,EAAA,OAAA,CAAMC,MAAM,SAAS,GAAAC,OAAGT,KAAKG,QAAQO,MAAK,MAC1CH,EAAA,MAAA,CAAKC,MAAM,WACRR,KAAKG,QAAQQ,QAAQC,KAAI,SAACC,EAAkBC,GAAa,OACxDP,EAAA,SAAA,CACEQ,GAAIF,EAAOE,GACXC,IAAKH,EAAOE,GACZE,UAAWJ,EAAOK,KAClBV,MAAOM,IAAUR,EAAKL,eAAiB,WAAa,GACpDkB,QAAS,WACPC,QAAQC,IAAI,UAAWP,GACvBR,EAAKL,eAAiBa,oBA9BZ","sourcesContent":["@import '../../../theme.scss';\n\nverdocs-toggle {\n  font-family: $primary-font;\n\n  .container {\n    display: flex;\n    flex-direction: row;\n    flex-wrap: nowrap;\n    background-color: $container-bg;\n  }\n\n  .label {\n    font-size: 24px;\n    font-weight: 700;\n    color: $medium-bg;\n    align-self: center;\n    margin-right: 27px;\n    font-family: sans-serif;\n  }\n\n  .buttons {\n    display: flex;\n    flex-direction: row;\n    flex-wrap: nowrap;\n  }\n\n  .buttons button {\n    width: 60px;\n    height: 60px;\n    border: 2px solid $item-border-color;\n    border-radius: 5px;\n    cursor: pointer;\n  }\n\n  .buttons button:not(:last-child) {\n    margin-right: 11px;\n  }\n\n  .buttons svg {\n    width: 30px;\n    height: 30px;\n  }\n\n  .buttons button:hover {\n    background-color: $item-border-color;\n    transition: 0.25s;\n  }\n\n  .buttons button:hover svg {\n    fill: $container-bg;\n    transition: 0.25s;\n  }\n\n  .selected {\n    background-color: $border-color;\n    transition: 0.25s;\n  }\n\n  .selected svg {\n    fill: #ffffff;\n    transition: 0.25s;\n  }\n}\n","import {Component, Prop, h, State} from '@stencil/core';\n\nexport interface IButtons {\n  id: string;\n  icon: string;\n}\n\nexport interface IToggleIconButtons {\n  label: string;\n  defaultSelection: number;\n  buttons: IButtons[];\n}\n\n/**\n * Displays a label and a set of buttons, also allowing a default selection of a button\n */\n@Component({\n  tag: 'verdocs-toggle',\n  styleUrl: 'verdocs-toggle.scss',\n})\nexport class VerdocsToggle {\n  /**\n   * The tags to display\n   */\n  @Prop() options: IToggleIconButtons;\n\n  /**\n   * The \"theme\" to be used\n   */\n  @Prop() theme: 'light' | 'dark';\n\n  @State() selectedOption: number = 0;\n\n  componentWillLoad() {\n    this.selectedOption = this.options?.defaultSelection || 0;\n  }\n\n  render() {\n    return (\n      <div class=\"container\">\n        <span class=\"label\">{`${this.options.label}:`}</span>\n        <div class=\"buttons\">\n          {this.options.buttons.map((button: IButtons, index: number) => (\n            <button\n              id={button.id}\n              key={button.id}\n              innerHTML={button.icon}\n              class={index === this.selectedOption ? 'selected' : ''}\n              onClick={() => {\n                console.log('clicked', index);\n                this.selectedOption = index;\n              }}\n            />\n          ))}\n        </div>\n      </div>\n    );\n  }\n}\n"]}

package/dist/esm-es5/verdocs-upload-dialog.entry.js

@@ -1,2 +1,2 @@
-var __awaiter=this&&this.__awaiter||function(e,t,n,o){function r(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,a){function i(e){try{s(o.next(e))}catch(e){a(e)}}function l(e){try{s(o["throw"](e))}catch(e){a(e)}}function s(e){e.done?n(e.value):r(e.value).then(i,l)}s((o=o.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},o,r,a,i;return i={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function l(e){return function(t){return s([e,t])}}function s(i){if(o)throw new TypeError("Generator is already executing.");while(n)try{if(o=1,r&&(a=i[0]&2?r["return"]:i[0]?r["throw"]||((a=r["return"])&&a.call(r),0):r.next)&&!(a=a.call(r,i[1])).done)return a;if(r=0,a)i=[i[0]&2,a.value];switch(i[0]){case 0:case 1:a=i;break;case 4:n.label++;return{value:i[1],done:false};case 5:n.label++;r=i[1];i=[0];continue;case 7:i=n.ops.pop();n.trys.pop();continue;default:if(!(a=n.trys,a=a.length>0&&a[a.length-1])&&(i[0]===6||i[0]===2)){n=0;continue}if(i[0]===3&&(!a||i[1]>a[0]&&i[1]<a[3])){n.label=i[1];break}if(i[0]===6&&n.label<a[1]){n.label=a[1];a=i;break}if(a&&n.label<a[2]){n.label=a[2];n.ops.push(i);break}if(a[2])n.ops.pop();n.trys.pop();continue}i=t.call(e,n)}catch(e){i=[6,e];r=0}finally{o=a=0}if(i[0]&5)throw i[1];return{value:i[0]?i[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(e,t,n){if(n||arguments.length===2)for(var o=0,r=t.length,a;o<r;o++){if(a||!(o in t)){if(!a)a=Array.prototype.slice.call(t,0,o);a[o]=t[o]}}return e.concat(a||Array.prototype.slice.call(t))};import{r as registerInstance,c as createEvent,h,H as Host}from"./index-f78d163d.js";var fileToDataUrl=function(e){return new Promise((function(t,n){var o=new FileReader;o.onload=function(){return t({lastModified:e.lastModified,size:e.size,type:e.type,name:e.name,data:o.result})};o.onerror=n;if(e){o.readAsDataURL(e)}else{n(new Error("Invalid file"))}}))};var Paperclip='<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">\n  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.172 7l-6.586 6.586a2 2 0 102.828 2.828l6.414-6.586a4 4 0 00-5.656-5.656l-6.415 6.585a6 6 0 108.486 8.486L20.5 13" />\n</svg>\n';var Trash='<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">\n  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" />\n</svg>\n';var verdocsUploadDialogCss='verdocs-upload-dialog{font-family:"Barlow", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-upload-dialog div{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-upload-dialog .background-overlay{position:absolute;z-index:10000;top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:#0000007f}verdocs-upload-dialog .dialog{width:300px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;border-radius:4px;overflow:hidden;background:#ffffff;padding:16px;-webkit-box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4);box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4)}verdocs-upload-dialog .heading{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;font-size:20px;font-weight:500}verdocs-upload-dialog .buttons{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end}verdocs-upload-dialog .buttons verdocs-button{margin-left:16px}verdocs-upload-dialog .drop-target{padding:30px 15px;width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:#f5f5f5;border:2px dashed #979797;min-height:260px;text-align:center;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;color:rgba(0, 0, 0, 0.54);opacity:1;margin:20px 0}verdocs-upload-dialog .drop-target p{margin:12px 0}verdocs-upload-dialog .drop-target.dragging-over{border:5px solid #4c56cb}verdocs-upload-dialog .drop-target>verdocs-button{margin:12px 0;display:inline-block}verdocs-upload-dialog .attachments{height:56px;font-size:0;margin:20px 0;padding:0 16px;line-height:56px;white-space:normal;-webkit-box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.14);box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.14)}verdocs-upload-dialog .attachments .attachment{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-upload-dialog .attachments .attachment .icon{width:18px;height:18px;line-height:18px}verdocs-upload-dialog .attachments .attachment .icon.trash{cursor:pointer}verdocs-upload-dialog .attachments .attachment .name{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;padding:0 8px;font-size:14px;font-weight:400}';var VerdocsUploadDialog=function(){function e(e){registerInstance(this,e);this.cancel=createEvent(this,"cancel",7);this.done=createEvent(this,"done",7);this.open=false;this.draggingOver=false;this.decodedFiles=[]}e.prototype.handleCancel=function(){this.cancel.emit();this.open=false};e.prototype.handleDismiss=function(e){if(e.target.className==="background-overlay"){e.preventDefault();this.handleCancel()}};e.prototype.handleDone=function(){this.done.emit(this.decodedFiles);this.open=false};e.prototype.handleDragOver=function(e){e.preventDefault();this.draggingOver=true};e.prototype.handleDragLeave=function(e){e.preventDefault();this.draggingOver=false};e.prototype.handleDrop=function(e){return __awaiter(this,void 0,void 0,(function(){var t,n,o,r;return __generator(this,(function(a){switch(a.label){case 0:e.preventDefault();this.draggingOver=false;t=[];if(e.dataTransfer.items){for(n=0;n<e.dataTransfer.items.length;n++){if(e.dataTransfer.items[n].kind==="file"){o=e.dataTransfer.items[n].getAsFile();t.push(o)}}}else{t=e.dataTransfer.files}r=this;return[4,Promise.all(t.map(fileToDataUrl))];case 1:r.decodedFiles=a.sent();return[2]}}))}))};e.prototype.handleRemoveAttachment=function(e){var t=__spreadArray([],this.decodedFiles,true);t.splice(e,1);this.decodedFiles=t};e.prototype.handleSelectFile=function(){var e;(e=this.fileInput)===null||e===void 0?void 0:e.click()};e.prototype.handleFileChange=function(e){return __awaiter(this,void 0,void 0,(function(){var t,n,o,r,a,i;return __generator(this,(function(l){switch(l.label){case 0:console.log("fileChange",e);console.log("files",(t=this.fileInput)===null||t===void 0?void 0:t.files);r=[];for(a=0;a<((n=this.fileInput)===null||n===void 0?void 0:n.files.length);a++){r.push((o=this.fileInput)===null||o===void 0?void 0:o.files[a])}i=this;return[4,Promise.all(r.map(fileToDataUrl))];case 1:i.decodedFiles=l.sent();return[2]}}))}))};e.prototype.render=function(){var e=this;return h(Host,{style:{display:this.open?"block":"none"}},h("div",{class:"background-overlay",onClick:function(t){return e.handleDismiss(t)}},h("div",{class:"dialog"},h("div",{class:"heading"},"Upload attachment"),this.decodedFiles.length<1?h("div",{class:{"drop-target":true,"dragging-over":this.draggingOver},onDragOver:function(t){return e.handleDragOver(t)},onDragLeave:function(t){return e.handleDragLeave(t)},onDrop:function(t){return e.handleDrop(t)}},h("p",null,"Drag and drop a file here..."),h("p",null,"- or -"),h("verdocs-button",{label:"Select a file...",onPress:function(){return e.handleSelectFile()}}),h("input",{type:"file",ref:function(t){return e.fileInput=t},style:{display:"none"},onChange:function(t){return e.handleFileChange(t)}})):h("div",{class:"attachments"},this.decodedFiles.map((function(t,n){return h("div",{class:"attachment"},h("div",{class:"icon",innerHTML:Paperclip}),h("div",{class:"name"},t.name),h("div",{class:"icon trash",innerHTML:Trash,onClick:function(){return e.handleRemoveAttachment(n)}}))}))),h("div",{class:"buttons"},h("verdocs-button",{label:"Cancel",variant:"outline",onPress:function(){return e.handleCancel()}}),h("verdocs-button",{label:"Done",onPress:function(){return e.handleDone()},disabled:this.decodedFiles.length<1})))))};return e}();VerdocsUploadDialog.style=verdocsUploadDialogCss;export{VerdocsUploadDialog as verdocs_upload_dialog};
+var __awaiter=this&&this.__awaiter||function(e,t,n,r){function o(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,a){function i(e){try{s(r.next(e))}catch(e){a(e)}}function l(e){try{s(r["throw"](e))}catch(e){a(e)}}function s(e){e.done?n(e.value):o(e.value).then(i,l)}s((r=r.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},r,o,a,i;return i={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function l(e){return function(t){return s([e,t])}}function s(i){if(r)throw new TypeError("Generator is already executing.");while(n)try{if(r=1,o&&(a=i[0]&2?o["return"]:i[0]?o["throw"]||((a=o["return"])&&a.call(o),0):o.next)&&!(a=a.call(o,i[1])).done)return a;if(o=0,a)i=[i[0]&2,a.value];switch(i[0]){case 0:case 1:a=i;break;case 4:n.label++;return{value:i[1],done:false};case 5:n.label++;o=i[1];i=[0];continue;case 7:i=n.ops.pop();n.trys.pop();continue;default:if(!(a=n.trys,a=a.length>0&&a[a.length-1])&&(i[0]===6||i[0]===2)){n=0;continue}if(i[0]===3&&(!a||i[1]>a[0]&&i[1]<a[3])){n.label=i[1];break}if(i[0]===6&&n.label<a[1]){n.label=a[1];a=i;break}if(a&&n.label<a[2]){n.label=a[2];n.ops.push(i);break}if(a[2])n.ops.pop();n.trys.pop();continue}i=t.call(e,n)}catch(e){i=[6,e];o=0}finally{r=a=0}if(i[0]&5)throw i[1];return{value:i[0]?i[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(e,t,n){if(n||arguments.length===2)for(var r=0,o=t.length,a;r<o;r++){if(a||!(r in t)){if(!a)a=Array.prototype.slice.call(t,0,r);a[r]=t[r]}}return e.concat(a||Array.prototype.slice.call(t))};import{r as registerInstance,c as createEvent,h,H as Host}from"./index-f78d163d.js";var fileToDataUrl=function(e){return new Promise((function(t,n){var r=new FileReader;r.onload=function(){return t({lastModified:e.lastModified,size:e.size,type:e.type,name:e.name,data:r.result})};r.onerror=n;if(e){r.readAsDataURL(e)}else{n(new Error("Invalid file"))}}))};var verdocsUploadDialogCss='verdocs-upload-dialog{font-family:"Barlow", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-upload-dialog div{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-upload-dialog .background-overlay{position:absolute;z-index:10000;top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:#0000007f}verdocs-upload-dialog .dialog{width:300px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;border-radius:4px;overflow:hidden;background:#ffffff;padding:16px;-webkit-box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4);box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4)}verdocs-upload-dialog .heading{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;font-size:20px;font-weight:500}verdocs-upload-dialog .buttons{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end}verdocs-upload-dialog .buttons verdocs-button{margin-left:16px}verdocs-upload-dialog .drop-target{padding:30px 15px;width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:#f5f5f5;border:2px dashed #979797;min-height:260px;text-align:center;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;color:rgba(0, 0, 0, 0.54);opacity:1;margin:20px 0}verdocs-upload-dialog .drop-target p{margin:12px 0}verdocs-upload-dialog .drop-target.dragging-over{border:5px solid #4c56cb}verdocs-upload-dialog .drop-target>verdocs-button{margin:12px 0;display:inline-block}verdocs-upload-dialog .attachments{height:56px;font-size:0;margin:20px 0;padding:0 16px;line-height:56px;white-space:normal;-webkit-box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.14);box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.14)}verdocs-upload-dialog .attachments .attachment{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-upload-dialog .attachments .attachment .icon{width:18px;height:18px;line-height:18px}verdocs-upload-dialog .attachments .attachment .icon.trash{cursor:pointer}verdocs-upload-dialog .attachments .attachment .name{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;padding:0 8px;font-size:14px;font-weight:400}';var TrashIcon='<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" /></svg>';var PaperclipIcon='<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.172 7l-6.586 6.586a2 2 0 102.828 2.828l6.414-6.586a4 4 0 00-5.656-5.656l-6.415 6.585a6 6 0 108.486 8.486L20.5 13" /></svg>';var VerdocsUploadDialog=function(){function e(e){registerInstance(this,e);this.cancel=createEvent(this,"cancel",7);this.next=createEvent(this,"next",7);this.draggingOver=false;this.decodedFiles=[]}e.prototype.handleCancel=function(){this.cancel.emit()};e.prototype.handleDismiss=function(e){if(e.target.className==="background-overlay"){e.preventDefault();this.handleCancel()}};e.prototype.handleDone=function(){this.next.emit(this.decodedFiles)};e.prototype.handleDragOver=function(e){e.preventDefault();this.draggingOver=true};e.prototype.handleDragLeave=function(e){e.preventDefault();this.draggingOver=false};e.prototype.handleDrop=function(e){return __awaiter(this,void 0,void 0,(function(){var t,n,r,o;return __generator(this,(function(a){switch(a.label){case 0:e.preventDefault();this.draggingOver=false;t=[];if(e.dataTransfer.items){for(n=0;n<e.dataTransfer.items.length;n++){if(e.dataTransfer.items[n].kind==="file"){r=e.dataTransfer.items[n].getAsFile();t.push(r)}}}else{t=e.dataTransfer.files}o=this;return[4,Promise.all(t.map(fileToDataUrl))];case 1:o.decodedFiles=a.sent();return[2]}}))}))};e.prototype.handleRemoveAttachment=function(e){var t=__spreadArray([],this.decodedFiles,true);t.splice(e,1);this.decodedFiles=t};e.prototype.handleSelectFile=function(){var e;(e=this.fileInput)===null||e===void 0?void 0:e.click()};e.prototype.handleFileChange=function(){return __awaiter(this,void 0,void 0,(function(){var e,t,n,r,o;return __generator(this,(function(a){switch(a.label){case 0:n=[];for(r=0;r<((e=this.fileInput)===null||e===void 0?void 0:e.files.length);r++){n.push((t=this.fileInput)===null||t===void 0?void 0:t.files[r])}o=this;return[4,Promise.all(n.map(fileToDataUrl))];case 1:o.decodedFiles=a.sent();return[2]}}))}))};e.prototype.render=function(){var e=this;return h(Host,null,h("div",{class:"background-overlay",onClick:function(t){return e.handleDismiss(t)}},h("div",{class:"dialog"},h("div",{class:"heading"},"Upload attachment"),this.decodedFiles.length<1?h("div",{class:{"drop-target":true,"dragging-over":this.draggingOver},onDragOver:function(t){return e.handleDragOver(t)},onDragLeave:function(t){return e.handleDragLeave(t)},onDrop:function(t){return e.handleDrop(t)}},h("p",null,"Drag and drop a file here..."),h("p",null,"- or -"),h("verdocs-button",{label:"Select a file...",onClick:function(){return e.handleSelectFile()}}),h("input",{type:"file",ref:function(t){return e.fileInput=t},style:{display:"none"},onChange:function(){return e.handleFileChange()}})):h("div",{class:"attachments"},this.decodedFiles.map((function(t,n){return h("div",{class:"attachment"},h("div",{class:"icon",innerHTML:PaperclipIcon}),h("div",{class:"name"},t.name),h("div",{class:"icon trash",innerHTML:TrashIcon,onClick:function(){return e.handleRemoveAttachment(n)}}))}))),h("div",{class:"buttons"},h("verdocs-button",{label:"Cancel",variant:"outline",onClick:function(){return e.handleCancel()}}),h("verdocs-button",{label:"Done",onClick:function(){return e.handleDone()},disabled:this.decodedFiles.length<1})))))};return e}();VerdocsUploadDialog.style=verdocsUploadDialogCss;export{VerdocsUploadDialog as verdocs_upload_dialog};
 //# sourceMappingURL=verdocs-upload-dialog.entry.js.map

package/dist/esm-es5/verdocs-upload-dialog.entry.js.map

@@ -1 +1 @@
-{"version":3,"sources":["node_modules/@verdocs/js-sdk/Utils/Files.js","src/components/dialogs/verdocs-upload-dialog/verdocs-upload-dialog.scss?tag=verdocs-upload-dialog","src/components/dialogs/verdocs-upload-dialog/verdocs-upload-dialog.tsx"],"names":["fileToDataUrl","file","Promise","resolve","reject","reader","FileReader","onload","lastModified","size","type","name","data","result","onerror","readAsDataURL","Error","verdocsUploadDialogCss","VerdocsUploadDialog","class_1","prototype","handleCancel","this","cancel","emit","open","handleDismiss","e","target","className","preventDefault","handleDone","done","decodedFiles","handleDragOver","draggingOver","handleDragLeave","handleDrop","droppedFiles","dataTransfer","items","i","length","kind","getAsFile","push","files","_d","all","map","_e","sent","handleRemoveAttachment","index","newFiles","__spreadArray","splice","handleSelectFile","_a","fileInput","click","handleFileChange","console","log","_b","_c","render","_this","h","Host","style","display","class","onClick","drop-target","dragging-over","onDragOver","onDragLeave","onDrop","label","onPress","ref","el","onChange","innerHTML","Paperclip","Trash","variant","disabled"],"mappings":"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","sourcesContent":["/**\n * Given a File, extract the file's content as a base64 encoded data URL. The response will have a prefix that\n * includes the MIME type of the file, e.g. \"data:image/jpeg;base64,iVBORw0K......\"\n */\nexport var fileToDataUrl = function (file) {\n    return new Promise(function (resolve, reject) {\n        var reader = new FileReader();\n        reader.onload = function () {\n            return resolve({\n                lastModified: file.lastModified,\n                size: file.size,\n                type: file.type,\n                name: file.name,\n                data: reader.result,\n            });\n        };\n        reader.onerror = reject;\n        if (file) {\n            reader.readAsDataURL(file);\n        }\n        else {\n            reject(new Error('Invalid file'));\n        }\n    });\n};\n","@import '../../../theme.scss';\n\nverdocs-upload-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: 300px;\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  .drop-target {\n    padding: 30px 15px;\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    background-color: #f5f5f5;\n    border: 2px dashed #979797;\n    min-height: 260px;\n    text-align: center;\n    justify-content: center;\n    align-items: center;\n    color: rgba(0, 0, 0, 0.54);\n    opacity: 1;\n    margin: 20px 0;\n\n    p {\n      margin: 12px 0;\n    }\n\n    &.dragging-over {\n      border: 5px solid $verdocs-deep-blue;\n    }\n\n    > verdocs-button {\n      margin: 12px 0;\n      display: inline-block;\n    }\n  }\n\n  .attachments {\n    height: 56px;\n    font-size: 0;\n    margin: 20px 0;\n    padding: 0 16px;\n    line-height: 56px;\n    white-space: normal;\n    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 12%), 0 0 2px 0 rgb(0 0 0 / 14%);\n\n    .attachment {\n      display: flex;\n      align-items: center;\n      flex-direction: row;\n\n      .icon {\n        width: 18px;\n        height: 18px;\n        line-height: 18px;\n\n        &.trash {\n          cursor: pointer;\n        }\n      }\n\n      .name {\n        flex: 1;\n        display: flex;\n        padding: 0 8px;\n        font-size: 14px;\n        font-weight: 400;\n      }\n    }\n  }\n}\n","import {Component, Prop, h, Event, EventEmitter, Host, State} from '@stencil/core';\nimport {fileToDataUrl, FileWithData} from '@verdocs/js-sdk/Utils/Files';\nimport Paperclip from './paperclip.svg';\nimport Trash from './trash.svg';\n\n/**\n * Display a file upload experience.\n */\n@Component({\n  tag: 'verdocs-upload-dialog',\n  styleUrl: 'verdocs-upload-dialog.scss',\n})\nexport class VerdocsUploadDialog {\n  private fileInput?: HTMLInputElement;\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<FileWithData[]>;\n\n  @State() draggingOver = false;\n\n  @State() decodedFiles = [] as FileWithData[];\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(this.decodedFiles);\n    this.open = false;\n  }\n\n  handleDragOver(e) {\n    e.preventDefault();\n    this.draggingOver = true;\n  }\n\n  handleDragLeave(e) {\n    e.preventDefault();\n    this.draggingOver = false;\n  }\n\n  async handleDrop(e) {\n    e.preventDefault();\n    this.draggingOver = false;\n\n    // Required for cross-browser support. Note that dataTransfer.items is of type DataTransferItemList and is not an array.\n    let droppedFiles = [] as File[];\n    if (e.dataTransfer.items) {\n      for (let i = 0; i < e.dataTransfer.items.length; i++) {\n        if (e.dataTransfer.items[i].kind === 'file') {\n          const file = e.dataTransfer.items[i].getAsFile();\n          droppedFiles.push(file);\n        }\n      }\n    } else {\n      droppedFiles = e.dataTransfer.files;\n    }\n\n    this.decodedFiles = await Promise.all(droppedFiles.map(fileToDataUrl));\n  }\n\n  handleRemoveAttachment(index: number) {\n    const newFiles = [...this.decodedFiles];\n    newFiles.splice(index, 1);\n    this.decodedFiles = newFiles;\n  }\n\n  handleSelectFile() {\n    this.fileInput?.click();\n  }\n\n  async handleFileChange(e) {\n    console.log('fileChange', e);\n    console.log('files', this.fileInput?.files);\n    let droppedFiles = [] as File[];\n    for (let i = 0; i < this.fileInput?.files.length; i++) {\n      droppedFiles.push(this.fileInput?.files[i]);\n    }\n    this.decodedFiles = await Promise.all(droppedFiles.map(fileToDataUrl));\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\">Upload attachment</div>\n\n            {this.decodedFiles.length < 1 ? (\n              <div\n                class={{'drop-target': true, 'dragging-over': this.draggingOver}}\n                onDragOver={e => this.handleDragOver(e)}\n                onDragLeave={e => this.handleDragLeave(e)}\n                onDrop={e => this.handleDrop(e)}\n              >\n                <p>Drag and drop a file here...</p>\n                <p>- or -</p>\n\n                <verdocs-button label=\"Select a file...\" onPress={() => this.handleSelectFile()} />\n                <input type=\"file\" ref={el => (this.fileInput = el as HTMLInputElement)} style={{display: 'none'}} onChange={e => this.handleFileChange(e)} />\n              </div>\n            ) : (\n              <div class=\"attachments\">\n                {this.decodedFiles.map((file, index) => (\n                  <div class=\"attachment\">\n                    <div class=\"icon\" innerHTML={Paperclip} />\n                    <div class=\"name\">{file.name}</div>\n                    <div class=\"icon trash\" innerHTML={Trash} onClick={() => this.handleRemoveAttachment(index)} />\n                  </div>\n                ))}\n              </div>\n            )}\n\n            <div class=\"buttons\">\n              <verdocs-button label=\"Cancel\" variant=\"outline\" onPress={() => this.handleCancel()} />\n              <verdocs-button label=\"Done\" onPress={() => this.handleDone()} disabled={this.decodedFiles.length < 1} />\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"sources":["node_modules/@verdocs/js-sdk/Utils/Files.js","src/components/dialogs/verdocs-upload-dialog/verdocs-upload-dialog.scss?tag=verdocs-upload-dialog","src/components/dialogs/verdocs-upload-dialog/verdocs-upload-dialog.tsx"],"names":["fileToDataUrl","file","Promise","resolve","reject","reader","FileReader","onload","lastModified","size","type","name","data","result","onerror","readAsDataURL","Error","verdocsUploadDialogCss","TrashIcon","PaperclipIcon","VerdocsUploadDialog","class_1","prototype","handleCancel","this","cancel","emit","handleDismiss","e","target","className","preventDefault","handleDone","next","decodedFiles","handleDragOver","draggingOver","handleDragLeave","handleDrop","droppedFiles","dataTransfer","items","i","length","kind","getAsFile","push","files","_c","all","map","_d","sent","handleRemoveAttachment","index","newFiles","__spreadArray","splice","handleSelectFile","_a","fileInput","click","handleFileChange","_b","render","_this","h","Host","class","onClick","drop-target","dragging-over","onDragOver","onDragLeave","onDrop","label","ref","el","style","display","onChange","innerHTML","variant","disabled"],"mappings":"+vDAIO,IAAIA,cAAgB,SAAUC,GACjC,OAAO,IAAIC,SAAQ,SAAUC,EAASC,GAClC,IAAIC,EAAS,IAAIC,WACjBD,EAAOE,OAAS,WACZ,OAAOJ,EAAQ,CACXK,aAAcP,EAAKO,aACnBC,KAAMR,EAAKQ,KACXC,KAAMT,EAAKS,KACXC,KAAMV,EAAKU,KACXC,KAAMP,EAAOQ,UAGrBR,EAAOS,QAAUV,EACjB,GAAIH,EAAM,CACNI,EAAOU,cAAcd,OAEpB,CACDG,EAAO,IAAIY,MAAM,sBCrB7B,IAAMC,uBAAyB,m9ECG/B,IAAMC,UAAY,gTAElB,IAAMC,cAAgB,4SAWTC,oBAAmB,kJAaN,wBAEA,GAExBC,EAAAC,UAAAC,aAAA,WACEC,KAAKC,OAAOC,QAIdL,EAAAC,UAAAK,cAAA,SAAcC,GACZ,GAAIA,EAAEC,OAAOC,YAAc,qBAAsB,CAC/CF,EAAEG,iBACFP,KAAKD,iBAITF,EAAAC,UAAAU,WAAA,WACER,KAAKS,KAAKP,KAAKF,KAAKU,eAGtBb,EAAAC,UAAAa,eAAA,SAAeP,GACbA,EAAEG,iBACFP,KAAKY,aAAe,MAGtBf,EAAAC,UAAAe,gBAAA,SAAgBT,GACdA,EAAEG,iBACFP,KAAKY,aAAe,OAGhBf,EAAAC,UAAAgB,WAAN,SAAiBV,2HACfA,EAAEG,iBACFP,KAAKY,aAAe,MAGhBG,EAAe,GACnB,GAAIX,EAAEY,aAAaC,MAAO,CACxB,IAASC,EAAI,EAAGA,EAAId,EAAEY,aAAaC,MAAME,OAAQD,IAAK,CACpD,GAAId,EAAEY,aAAaC,MAAMC,GAAGE,OAAS,OAAQ,CACrC3C,EAAO2B,EAAEY,aAAaC,MAAMC,GAAGG,YACrCN,EAAaO,KAAK7C,SAGjB,CACLsC,EAAeX,EAAEY,aAAaO,MAGhCC,EAAAxB,KAAoB,MAAA,CAAA,EAAMtB,QAAQ+C,IAAIV,EAAaW,IAAIlD,wBAAvDgD,EAAKd,aAAeiB,EAAAC,yBAGtB/B,EAAAC,UAAA+B,uBAAA,SAAuBC,GACrB,IAAMC,EAAQC,cAAA,GAAOhC,KAAKU,aAAY,MACtCqB,EAASE,OAAOH,EAAO,GACvB9B,KAAKU,aAAeqB,GAGtBlC,EAAAC,UAAAoC,iBAAA,kBACEC,EAAAnC,KAAKoC,aAAS,MAAAD,SAAA,OAAA,EAAAA,EAAEE,SAGZxC,EAAAC,UAAAwC,iBAAN,qIACMvB,EAAe,GACnB,IAASG,EAAI,EAAGA,IAAIiB,EAAAnC,KAAKoC,aAAS,MAAAD,SAAA,OAAA,EAAAA,EAAEZ,MAAMJ,QAAQD,IAAK,CACrDH,EAAaO,MAAKiB,EAAAvC,KAAKoC,aAAS,MAAAG,SAAA,OAAA,EAAAA,EAAEhB,MAAML,IAE1CM,EAAAxB,KAAoB,MAAA,CAAA,EAAMtB,QAAQ+C,IAAIV,EAAaW,IAAIlD,wBAAvDgD,EAAKd,aAAeiB,EAAAC,yBAGtB/B,EAAAC,UAAA0C,OAAA,WAAA,IAAAC,EAAAzC,KACE,OACE0C,EAACC,KAAI,KACHD,EAAA,MAAA,CAAKE,MAAM,qBAAqBC,QAAS,SAAAzC,GAAK,OAAAqC,EAAKtC,cAAcC,KAC/DsC,EAAA,MAAA,CAAKE,MAAM,UACTF,EAAA,MAAA,CAAKE,MAAM,WAAS,qBAEnB5C,KAAKU,aAAaS,OAAS,EAC1BuB,EAAA,MAAA,CACEE,MAAO,CAACE,cAAe,KAAMC,gBAAiB/C,KAAKY,cACnDoC,WAAY,SAAA5C,GAAK,OAAAqC,EAAK9B,eAAeP,IACrC6C,YAAa,SAAA7C,GAAK,OAAAqC,EAAK5B,gBAAgBT,IACvC8C,OAAQ,SAAA9C,GAAK,OAAAqC,EAAK3B,WAAWV,KAE7BsC,EAAA,IAAA,KAAA,gCACAA,EAAA,IAAA,KAAA,UAEAA,EAAA,iBAAA,CAAgBS,MAAM,mBAAmBN,QAAS,WAAM,OAAAJ,EAAKP,sBAC7DQ,EAAA,QAAA,CAAOxD,KAAK,OAAOkE,IAAK,SAAAC,GAAE,OAAKZ,EAAKL,UAAYiB,GAAyBC,MAAO,CAACC,QAAS,QAASC,SAAU,WAAM,OAAAf,EAAKH,uBAG1HI,EAAA,MAAA,CAAKE,MAAM,eACR5C,KAAKU,aAAagB,KAAI,SAACjD,EAAMqD,GAAK,OACjCY,EAAA,MAAA,CAAKE,MAAM,cACTF,EAAA,MAAA,CAAKE,MAAM,OAAOa,UAAW9D,gBAC7B+C,EAAA,MAAA,CAAKE,MAAM,QAAQnE,EAAKU,MACxBuD,EAAA,MAAA,CAAKE,MAAM,aAAaa,UAAW/D,UAAWmD,QAAS,WAAM,OAAAJ,EAAKZ,uBAAuBC,WAMjGY,EAAA,MAAA,CAAKE,MAAM,WACTF,EAAA,iBAAA,CAAgBS,MAAM,SAASO,QAAQ,UAAUb,QAAS,WAAM,OAAAJ,EAAK1C,kBACrE2C,EAAA,iBAAA,CAAgBS,MAAM,OAAON,QAAS,WAAM,OAAAJ,EAAKjC,cAAcmD,SAAU3D,KAAKU,aAAaS,OAAS,kBAnHlF","sourcesContent":["/**\n * Given a File, extract the file's content as a base64 encoded data URL. The response will have a prefix that\n * includes the MIME type of the file, e.g. \"data:image/jpeg;base64,iVBORw0K......\"\n */\nexport var fileToDataUrl = function (file) {\n    return new Promise(function (resolve, reject) {\n        var reader = new FileReader();\n        reader.onload = function () {\n            return resolve({\n                lastModified: file.lastModified,\n                size: file.size,\n                type: file.type,\n                name: file.name,\n                data: reader.result,\n            });\n        };\n        reader.onerror = reject;\n        if (file) {\n            reader.readAsDataURL(file);\n        }\n        else {\n            reject(new Error('Invalid file'));\n        }\n    });\n};\n","@import '../../../theme.scss';\n\nverdocs-upload-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: 300px;\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  .drop-target {\n    padding: 30px 15px;\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    background-color: #f5f5f5;\n    border: 2px dashed #979797;\n    min-height: 260px;\n    text-align: center;\n    justify-content: center;\n    align-items: center;\n    color: rgba(0, 0, 0, 0.54);\n    opacity: 1;\n    margin: 20px 0;\n\n    p {\n      margin: 12px 0;\n    }\n\n    &.dragging-over {\n      border: 5px solid $verdocs-deep-blue;\n    }\n\n    > verdocs-button {\n      margin: 12px 0;\n      display: inline-block;\n    }\n  }\n\n  .attachments {\n    height: 56px;\n    font-size: 0;\n    margin: 20px 0;\n    padding: 0 16px;\n    line-height: 56px;\n    white-space: normal;\n    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 12%), 0 0 2px 0 rgb(0 0 0 / 14%);\n\n    .attachment {\n      display: flex;\n      align-items: center;\n      flex-direction: row;\n\n      .icon {\n        width: 18px;\n        height: 18px;\n        line-height: 18px;\n\n        &.trash {\n          cursor: pointer;\n        }\n      }\n\n      .name {\n        flex: 1;\n        display: flex;\n        padding: 0 8px;\n        font-size: 14px;\n        font-weight: 400;\n      }\n    }\n  }\n}\n","import {Component, h, Event, EventEmitter, Host, State} from '@stencil/core';\nimport {fileToDataUrl, FileWithData} from '@verdocs/js-sdk/Utils/Files';\n\nconst TrashIcon = `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16\" /></svg>`;\n\nconst PaperclipIcon = `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15.172 7l-6.586 6.586a2 2 0 102.828 2.828l6.414-6.586a4 4 0 00-5.656-5.656l-6.415 6.585a6 6 0 108.486 8.486L20.5 13\" /></svg>`;\n\n/**\n * Display a file upload tool. Note that the file is not actually transmitted, so it may be used by\n * callers with a variety of workflows. Instead, data about the chosen file will be passed to the\n * caller via the onNext event handler.\n */\n@Component({\n  tag: 'verdocs-upload-dialog',\n  styleUrl: 'verdocs-upload-dialog.scss',\n})\nexport class VerdocsUploadDialog {\n  private fileInput?: HTMLInputElement;\n\n  /**\n   * Event fired when the dialog is cancelled.\n   */\n  @Event({composed: true}) cancel: EventEmitter;\n\n  /**\n   * Event fired when the dialog is closed. The event data will contain the file selected.\n   */\n  @Event({composed: true}) next: EventEmitter<FileWithData[]>;\n\n  @State() draggingOver = false;\n\n  @State() decodedFiles = [] as FileWithData[];\n\n  handleCancel() {\n    this.cancel.emit();\n  }\n\n  // We need a separate event handler for clicking the background because it can receive events \"through\" other child components\n  handleDismiss(e: any) {\n    if (e.target.className === 'background-overlay') {\n      e.preventDefault();\n      this.handleCancel();\n    }\n  }\n\n  handleDone() {\n    this.next.emit(this.decodedFiles);\n  }\n\n  handleDragOver(e) {\n    e.preventDefault();\n    this.draggingOver = true;\n  }\n\n  handleDragLeave(e) {\n    e.preventDefault();\n    this.draggingOver = false;\n  }\n\n  async handleDrop(e) {\n    e.preventDefault();\n    this.draggingOver = false;\n\n    // Required for cross-browser support. Note that dataTransfer.items is of type DataTransferItemList and is not an array.\n    let droppedFiles = [] as File[];\n    if (e.dataTransfer.items) {\n      for (let i = 0; i < e.dataTransfer.items.length; i++) {\n        if (e.dataTransfer.items[i].kind === 'file') {\n          const file = e.dataTransfer.items[i].getAsFile();\n          droppedFiles.push(file);\n        }\n      }\n    } else {\n      droppedFiles = e.dataTransfer.files;\n    }\n\n    this.decodedFiles = await Promise.all(droppedFiles.map(fileToDataUrl));\n  }\n\n  handleRemoveAttachment(index: number) {\n    const newFiles = [...this.decodedFiles];\n    newFiles.splice(index, 1);\n    this.decodedFiles = newFiles;\n  }\n\n  handleSelectFile() {\n    this.fileInput?.click();\n  }\n\n  async handleFileChange() {\n    let droppedFiles = [] as File[];\n    for (let i = 0; i < this.fileInput?.files.length; i++) {\n      droppedFiles.push(this.fileInput?.files[i]);\n    }\n    this.decodedFiles = await Promise.all(droppedFiles.map(fileToDataUrl));\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"background-overlay\" onClick={e => this.handleDismiss(e)}>\n          <div class=\"dialog\">\n            <div class=\"heading\">Upload attachment</div>\n\n            {this.decodedFiles.length < 1 ? (\n              <div\n                class={{'drop-target': true, 'dragging-over': this.draggingOver}}\n                onDragOver={e => this.handleDragOver(e)}\n                onDragLeave={e => this.handleDragLeave(e)}\n                onDrop={e => this.handleDrop(e)}\n              >\n                <p>Drag and drop a file here...</p>\n                <p>- or -</p>\n\n                <verdocs-button label=\"Select a file...\" onClick={() => this.handleSelectFile()} />\n                <input type=\"file\" ref={el => (this.fileInput = el as HTMLInputElement)} style={{display: 'none'}} onChange={() => this.handleFileChange()} />\n              </div>\n            ) : (\n              <div class=\"attachments\">\n                {this.decodedFiles.map((file, index) => (\n                  <div class=\"attachment\">\n                    <div class=\"icon\" innerHTML={PaperclipIcon} />\n                    <div class=\"name\">{file.name}</div>\n                    <div class=\"icon trash\" innerHTML={TrashIcon} onClick={() => this.handleRemoveAttachment(index)} />\n                  </div>\n                ))}\n              </div>\n            )}\n\n            <div class=\"buttons\">\n              <verdocs-button label=\"Cancel\" variant=\"outline\" onClick={() => this.handleCancel()} />\n              <verdocs-button label=\"Done\" onClick={() => this.handleDone()} disabled={this.decodedFiles.length < 1} />\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/esm-es5/verdocs-web-sdk.js

@@ -1,2 +1,2 @@
-import{p as promiseResolve,b as bootstrapLazy}from"./index-f78d163d.js";var patchBrowser=function(){var e=import.meta.url;var d={};if(e!==""){d.resourcesUrl=new URL(".",e).href}return promiseResolve(d)};patchBrowser().then((function(e){return bootstrapLazy([["verdocs-build",[[0,"verdocs-build",{endpoint:[16],templateId:[1,"template-id"],step:[32],pdfUrl:[32],template:[32]}]]],["verdocs-sign",[[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]}]]],["verdocs-field-initial",[[0,"verdocs-field-initial",{field:[16],recipient:[16],disabled:[4],initials:[1],editable:[4],moveable:[4],roleindex:[2],tempInitials:[32],focusField:[64]}]]],["verdocs-auth",[[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]}]]],["verdocs-field-date",[[0,"verdocs-field-date",{field:[16],recipient:[16],disabled:[4],editable:[4],moveable:[4],roleindex:[2],focused:[32],containerId:[32],focusField:[64]}]]],["verdocs-field-textarea",[[0,"verdocs-field-textarea",{field:[16],recipient:[16],disabled:[4],editable:[4],moveable:[4],roleindex:[2],focused:[32],focusField:[64]}]]],["verdocs-field-textbox",[[0,"verdocs-field-textbox",{field:[16],recipient:[16],disabled:[4],editable:[4],moveable:[4],roleindex:[2],focused:[32],focusField:[64]}]]],["verdocs-field-timestamp",[[0,"verdocs-field-timestamp",{field:[16],recipient:[16],disabled:[4],editable:[4],moveable:[4],roleindex:[2],focused:[32],focusField:[64]}]]],["verdocs-preview",[[0,"verdocs-preview",{endpoint:[16],templateId:[1,"template-id"]}]]],["verdocs-search",[[0,"verdocs-search",{endpoint:[16]}]]],["verdocs-contact-picker",[[0,"verdocs-contact-picker",{endpoint:[16],templateRole:[16],contactSuggestions:[16],name:[32],email:[32],phone:[32],message:[32],showSuggestions:[32],showMessage:[32],delegator:[32]}]]],["verdocs-send",[[0,"verdocs-send",{endpoint:[16],templateId:[1,"template-id"],template:[32],pdfUrl:[32],containerId:[32],rolesAtLevel:[32],showPickerForId:[32],sessionContacts:[32],recipientsAssigned:[32]}]]],["verdocs-field-attachment",[[0,"verdocs-field-attachment",{field:[16],recipient:[16],disabled:[4],focusField:[64]}]]],["verdocs-kba-dialog",[[0,"verdocs-kba-dialog",{step:[2],steps:[2],helptitle:[1],helptext:[1],mode:[1],label:[1],placeholder:[1],choices:[16],open:[4],response:[32]}]]],["verdocs-field-dropdown",[[0,"verdocs-field-dropdown",{field:[16],recipient:[16],disabled:[4],focused:[32],focusField:[64]}]]],["verdocs-field-payment",[[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]}]]],["verdocs-organization-card",[[0,"verdocs-organization-card",{organization:[16]}]]],["verdocs-search-tabs",[[0,"verdocs-search-tabs",{selected:[32]}]]],["verdocs-status-indicator",[[0,"verdocs-status-indicator",{size:[1],theme:[1],status:[1],document:[16],isOpen:[32],recipientStatusIcons:[32],containerId:[32]}]]],["verdocs-template-card",[[0,"verdocs-template-card",{template:[16]}]]],["verdocs-template-tags",[[0,"verdocs-template-tags",{tags:[16]}]]],["verdocs-toggle",[[0,"verdocs-toggle",{options:[16],theme:[1],selectedOption:[32]}]]],["verdocs-initial-dialog",[[0,"verdocs-initial-dialog",{initials:[1],open:[4],fontLoaded:[32],enteredInitials:[32],mode:[32]}]]],["verdocs-ok-dialog",[[0,"verdocs-ok-dialog",{heading:[1],message:[1],open:[4],cancel:[4]}]]],["verdocs-upload-dialog",[[0,"verdocs-upload-dialog",{open:[4],draggingOver:[32],decodedFiles:[32]}]]],["verdocs-checkbox",[[0,"verdocs-checkbox",{checked:[4],name:[1],value:[1],disabled:[4]}]]],["verdocs-toggle-button",[[0,"verdocs-toggle-button",{active:[4],icon:[1],label:[1],size:[1],_active:[32]}]]],["verdocs-dropdown_3",[[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]}]]],["verdocs-quick-functions_3",[[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]}]]],["verdocs-radio-button",[[0,"verdocs-radio-button",{checked:[4],name:[1],value:[1],disabled:[4]}]]],["verdocs-button",[[0,"verdocs-button",{label:[1],startIcon:[1,"start-icon"],endIcon:[1,"end-icon"],size:[1],type:[1],variant:[1],disabled:[4]}]]],["verdocs-help-icon_2",[[0,"verdocs-template-sender-dialog",{value:[1],open:[4],newValue:[32]}],[0,"verdocs-help-icon",{text:[1],containerId:[32]}]]],["verdocs-field-signature_3",[[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]}]]],["verdocs-document-page_3",[[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"]]],["verdocs-button-panel_3",[[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]}]]],["verdocs-template-create_4",[[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)}));
+import{p as promiseResolve,b as bootstrapLazy}from"./index-f78d163d.js";var patchBrowser=function(){var e=import.meta.url;var d={};if(e!==""){d.resourcesUrl=new URL(".",e).href}return promiseResolve(d)};patchBrowser().then((function(e){return bootstrapLazy([["verdocs-build",[[0,"verdocs-build",{endpoint:[16],templateId:[1,"template-id"],step:[32],pdfUrl:[32],template:[32]}]]],["verdocs-sign",[[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]}]]],["verdocs-field-initial",[[0,"verdocs-field-initial",{field:[16],recipient:[16],disabled:[4],initials:[1],editable:[4],moveable:[4],roleindex:[2],tempInitials:[32],focusField:[64]}]]],["verdocs-preview",[[0,"verdocs-preview",{endpoint:[16],templateId:[1,"template-id"]}]]],["verdocs-auth",[[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]}]]],["verdocs-field-date",[[0,"verdocs-field-date",{field:[16],recipient:[16],disabled:[4],editable:[4],moveable:[4],roleindex:[2],focused:[32],containerId:[32],focusField:[64]}]]],["verdocs-field-textarea",[[0,"verdocs-field-textarea",{field:[16],recipient:[16],disabled:[4],editable:[4],moveable:[4],roleindex:[2],focused:[32],focusField:[64]}]]],["verdocs-field-textbox",[[0,"verdocs-field-textbox",{field:[16],recipient:[16],disabled:[4],editable:[4],moveable:[4],roleindex:[2],focused:[32],focusField:[64]}]]],["verdocs-field-timestamp",[[0,"verdocs-field-timestamp",{field:[16],recipient:[16],disabled:[4],editable:[4],moveable:[4],roleindex:[2],focused:[32],focusField:[64]}]]],["verdocs-search",[[0,"verdocs-search",{endpoint:[16]}]]],["verdocs-contact-picker",[[0,"verdocs-contact-picker",{endpoint:[16],templateRole:[16],contactSuggestions:[16],name:[32],email:[32],phone:[32],message:[32],showSuggestions:[32],showMessage:[32],delegator:[32]}]]],["verdocs-send",[[0,"verdocs-send",{endpoint:[16],templateId:[1,"template-id"],template:[32],pdfUrl:[32],containerId:[32],rolesAtLevel:[32],showPickerForId:[32],sessionContacts:[32],recipientsAssigned:[32]}]]],["verdocs-field-attachment",[[0,"verdocs-field-attachment",{field:[16],recipient:[16],disabled:[4],focusField:[64]}]]],["verdocs-kba-dialog",[[0,"verdocs-kba-dialog",{step:[2],steps:[2],helptitle:[1],helptext:[1],mode:[1],label:[1],placeholder:[1],choices:[16],response:[32]}]]],["verdocs-field-dropdown",[[0,"verdocs-field-dropdown",{field:[16],recipient:[16],disabled:[4],focused:[32],focusField:[64]}]]],["verdocs-field-payment",[[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]}]]],["verdocs-organization-card",[[0,"verdocs-organization-card",{organization:[16]}]]],["verdocs-search-tabs",[[0,"verdocs-search-tabs",{selected:[32]}]]],["verdocs-status-indicator",[[0,"verdocs-status-indicator",{size:[1],theme:[1],status:[1],envelope:[16],isOpen:[32],recipientStatusIcons:[32],containerId:[32]}]]],["verdocs-template-card",[[0,"verdocs-template-card",{template:[16]}]]],["verdocs-template-tags",[[0,"verdocs-template-tags",{tags:[16]}]]],["verdocs-toggle",[[0,"verdocs-toggle",{options:[16],theme:[1],selectedOption:[32]}]]],["verdocs-initial-dialog",[[0,"verdocs-initial-dialog",{initials:[1],fontLoaded:[32],enteredInitials:[32],mode:[32]}]]],["verdocs-ok-dialog",[[0,"verdocs-ok-dialog",{heading:[1],message:[1],showCancel:[4,"show-cancel"]}]]],["verdocs-upload-dialog",[[0,"verdocs-upload-dialog",{draggingOver:[32],decodedFiles:[32]}]]],["verdocs-checkbox",[[0,"verdocs-checkbox",{checked:[4],name:[1],value:[1],disabled:[4]}]]],["verdocs-toggle-button",[[0,"verdocs-toggle-button",{active:[4],icon:[1],label:[1],size:[1],_active:[32]}]]],["verdocs-dropdown_3",[[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]}]]],["verdocs-quick-functions_3",[[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]}]]],["verdocs-radio-button",[[0,"verdocs-radio-button",{checked:[4],name:[1],value:[1],disabled:[4]}]]],["verdocs-button",[[0,"verdocs-button",{label:[1],startIcon:[1,"start-icon"],endIcon:[1,"end-icon"],size:[1],type:[1],variant:[1],disabled:[4]}]]],["verdocs-help-icon_2",[[0,"verdocs-template-sender-dialog",{value:[1],newValue:[32]}],[0,"verdocs-help-icon",{text:[1],containerId:[32]}]]],["verdocs-button-panel_3",[[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]}]]],["verdocs-field-signature_3",[[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]}]]],["verdocs-document-page",[[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]}]]],["verdocs-loader_4",[[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]}]]],["verdocs-template-create_4",[[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=verdocs-web-sdk.js.map

package/dist/esm-es5/verdocs-web-sdk.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","import","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":"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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"]}
+{"version":3,"sources":["node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"names":["patchBrowser","importMeta","import","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":"wEAMA,IAAMA,aAAe,WA6BjB,IAAMC,EAAaC,OAAOC,KAAKC,IAC/B,IAAMC,EAA6D,GAenE,GAAuBJ,IAAe,GAAI,CACtCI,EAAKC,aAAe,IAAIC,IAAI,IAAKN,GAAYO,KAajD,OAAOC,eAAeJ,IC9D1BL,eAAeU,MAAK,SAAAC,GAElB,OAAOC,cAAc,CAAA,CAAA,gBAAA,CAAA,CAAA,EAAA,gBAAsC,CAACC,SAAA,CAAA,IAAAC,WAAA,CAAA,EAAA,eAAAC,KAAA,CAAA,IAAAC,OAAA,CAAA,IAAAC,SAAA,CAAA,QAAA,CAAA,eAAA,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,wBAAA,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,kBAAA,CAAA,CAAA,EAAA,kBAAA,CAAAvB,SAAA,CAAA,IAAAC,WAAA,CAAA,EAAA,mBAAA,CAAA,eAAA,CAAA,CAAA,EAAA,eAAA,CAAAD,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,qBAAA,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,yBAAA,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,wBAAA,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,0BAAA,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,iBAAA,CAAA,CAAA,EAAA,iBAAA,CAAAvB,SAAA,CAAA,QAAA,CAAA,yBAAA,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,eAAA,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,2BAAA,CAAA,CAAA,EAAA,2BAAA,CAAAhC,MAAA,CAAA,IAAAR,UAAA,CAAA,IAAAS,SAAA,CAAA,GAAAM,WAAA,CAAA,QAAA,CAAA,qBAAA,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,SAAA,CAAA,QAAA,CAAA,yBAAA,CAAA,CAAA,EAAA,yBAAA,CAAAxC,MAAA,CAAA,IAAAR,UAAA,CAAA,IAAAS,SAAA,CAAA,GAAAiB,QAAA,CAAA,IAAAX,WAAA,CAAA,QAAA,CAAA,wBAAA,CAAA,CAAA,EAAA,wBAAA,CAAAP,MAAA,CAAA,IAAAR,UAAA,CAAA,IAAAS,SAAA,CAAA,GAAAL,OAAA,CAAA,IAAA6C,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,sBAAAhC,QAAA,CAAA,GAAAiC,OAAA,CAAA,GAAAC,gBAAA,CAAA,IAAAC,aAAA,CAAA,QAAA,CAAA,4BAAA,CAAA,CAAA,EAAA,4BAAA,CAAAC,aAAA,CAAA,QAAA,CAAA,sBAAA,CAAA,CAAA,EAAA,sBAAA,CAAAC,SAAA,CAAA,QAAA,CAAA,2BAAA,CAAA,CAAA,EAAA,2BAAA,CAAAC,KAAA,CAAA,GAAAC,MAAA,CAAA,GAAAC,OAAA,CAAA,GAAA/D,SAAA,CAAA,IAAAgE,OAAA,CAAA,IAAAC,qBAAA,CAAA,IAAAzC,YAAA,CAAA,QAAA,CAAA,wBAAA,CAAA,CAAA,EAAA,wBAAA,CAAA/B,SAAA,CAAA,QAAA,CAAA,wBAAA,CAAA,CAAA,EAAA,wBAAA,CAAAyE,KAAA,CAAA,QAAA,CAAA,iBAAA,CAAA,CAAA,EAAA,iBAAA,CAAA/E,QAAA,CAAA,IAAA2E,MAAA,CAAA,GAAAK,eAAA,CAAA,QAAA,CAAA,yBAAA,CAAA,CAAA,EAAA,yBAAA,CAAA5D,SAAA,CAAA,GAAA6D,WAAA,CAAA,IAAAC,gBAAA,CAAA,IAAA5B,KAAA,CAAA,QAAA,CAAA,oBAAA,CAAA,CAAA,EAAA,oBAAA,CAAA6B,QAAA,CAAA,GAAAxC,QAAA,CAAA,GAAAyC,WAAA,CAAA,EAAA,mBAAA,CAAA,wBAAA,CAAA,CAAA,EAAA,wBAAA,CAAAC,aAAA,CAAA,IAAAC,aAAA,CAAA,QAAA,CAAA,mBAAA,CAAA,CAAA,EAAA,mBAAA,CAAAC,QAAA,CAAA,GAAA/C,KAAA,CAAA,GAAAgD,MAAA,CAAA,GAAArE,SAAA,CAAA,OAAA,CAAA,wBAAA,CAAA,CAAA,EAAA,wBAAA,CAAAsE,OAAA,CAAA,GAAAC,KAAA,CAAA,GAAAnC,MAAA,CAAA,GAAAmB,KAAA,CAAA,GAAAiB,QAAA,CAAA,QAAA,CAAA,qBAAA,CAAA,CAAA,EAAA,mBAAA,CAAA3F,QAAA,CAAA,IAAA6E,OAAA,CAAA,MAAA,CAAA,EAAA,yBAAA,CAAA3D,MAAA,CAAA,IAAAR,UAAA,CAAA,IAAAkF,OAAA,CAAA,GAAAzE,SAAA,CAAA,KAAA,CAAA,EAAA,6BAAA,CAAAD,MAAA,CAAA,IAAAR,UAAA,CAAA,IAAAkF,OAAA,CAAA,GAAAzE,SAAA,CAAA,OAAA,CAAA,4BAAA,CAAA,CAAA,EAAA,0BAAA,CAAAjB,SAAA,CAAA,MAAA,CAAA,EAAA,0BAAA,CAAAA,SAAA,CAAA,IAAA2F,KAAA,CAAA,GAAA7F,QAAA,CAAA,GAAA8F,aAAA,CAAA,IAAAC,YAAA,CAAA,IAAAC,MAAA,CAAA,IAAAC,OAAA,CAAA,IAAAC,MAAA,CAAA,IAAAC,QAAA,CAAA,MAAA,CAAA,EAAA,qBAAA,CAAAjG,SAAA,CAAA,IAAAsD,YAAA,CAAA,GAAAqC,KAAA,CAAA,GAAAO,MAAA,CAAA,GAAAC,WAAA,CAAA,EAAA,eAAA5E,WAAA,CAAA,QAAA,CAAA,uBAAA,CAAA,CAAA,EAAA,uBAAA,CAAA8D,QAAA,CAAA,GAAA/C,KAAA,CAAA,GAAAgD,MAAA,CAAA,GAAArE,SAAA,CAAA,OAAA,CAAA,iBAAA,CAAA,CAAA,EAAA,iBAAA,CAAAoC,MAAA,CAAA,GAAA+C,UAAA,CAAA,EAAA,cAAAC,QAAA,CAAA,EAAA,YAAA7B,KAAA,CAAA,GAAAmB,KAAA,CAAA,GAAAW,QAAA,CAAA,GAAArF,SAAA,CAAA,OAAA,CAAA,sBAAA,CAAA,CAAA,EAAA,iCAAA,CAAAqE,MAAA,CAAA,GAAAiB,SAAA,CAAA,MAAA,CAAA,EAAA,oBAAA,CAAAC,KAAA,CAAA,GAAArE,YAAA,CAAA,QAAA,CAAA,yBAAA,CAAA,CAAA,EAAA,uBAAA,CAAAqD,KAAA,CAAA,KAAA,CAAA,EAAA,uBAAA,CAAAF,MAAA,CAAA,GAAAjC,MAAA,CAAA,GAAAvD,QAAA,CAAA,IAAAmB,SAAA,CAAA,KAAA,CAAA,EAAA,qBAAA,CAAAqE,MAAA,CAAA,GAAAjC,MAAA,CAAA,GAAAC,YAAA,CAAA,GAAAmD,aAAA,CAAA,GAAAd,KAAA,CAAA,GAAA1E,SAAA,CAAA,OAAA,CAAA,4BAAA,CAAA,CAAA,EAAA,0BAAA,CAAAD,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,CAAAiF,KAAA,CAAA,GAAAhB,KAAA,CAAA,GAAArD,YAAA,CAAA,MAAA,CAAA,EAAA,2BAAA,CAAAG,KAAA,CAAA,GAAAyC,WAAA,CAAA,IAAA4B,YAAA,CAAA,IAAAvD,KAAA,CAAA,QAAA,CAAA,wBAAA,CAAA,CAAA,EAAA,wBAAA,CAAAwD,aAAA,CAAA,EAAA,kBAAAC,WAAA,CAAA,EAAA,eAAAC,aAAA,CAAA,EAAA,iBAAAC,cAAA,CAAA,EAAA,kBAAAC,OAAA,CAAA,IAAA7E,YAAA,CAAA,IAAA8E,cAAA,CAAA,IAAAC,eAAA,CAAA,IAAAC,aAAA,CAAA,IAAAC,cAAA,CAAA,IAAAC,YAAA,CAAA,IAAAC,sBAAA,CAAA,QAAA,CAAA,mBAAA,CAAA,CAAA,EAAA,eAAA,CAAAtH,SAAA,CAAA,IAAAC,WAAA,CAAA,EAAA,eAAAI,WAAA,CAAA,EAAA,eAAAkH,SAAA,CAAA,GAAAC,WAAA,CAAA,IAAApH,SAAA,CAAA,IAAAO,SAAA,CAAA,MAAA,CAAA,EAAA,kBAAA,CAAA,EAAA,iCAAA,CAAAX,SAAA,CAAA,IAAAK,WAAA,CAAA,EAAA,eAAAoH,WAAA,CAAA,EAAA,eAAAF,SAAA,CAAA,GAAAC,WAAA,CAAA,IAAAE,iBAAA,CAAA,MAAA,CAAA,EAAA,iCAAA,CAAA1H,SAAA,CAAA,IAAAC,WAAA,CAAA,EAAA,eAAAwH,WAAA,CAAA,EAAA,eAAAF,SAAA,CAAA,GAAAC,WAAA,CAAA,IAAAG,iBAAA,CAAA,QAAA,CAAA,4BAAA,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,IAAAsF,WAAA,CAAA,IAAAC,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"]}

package/dist/types/components/controls/verdocs-button/verdocs-button.d.ts

@@ -1,4 +1,3 @@
-import { EventEmitter } from '../../../stencil-public-runtime';
 /**
  * Display a simple button.
  *
@@ -13,6 +12,10 @@ import { EventEmitter } from '../../../stencil-public-runtime';
  * Icons may be placed either before ("start") or after ("end") the button label. Icons should be SVG objects passed as strings and will
  * be rendered as HTML inside the button label area. It is important that the root <SVG> tag contains a default `fill="#ffffff"` setting
  * for the base color, and that child elements below it do not. This allows the button color to carry into the icon properly.
+ *
+ * ```html
+ * <verdocs-button label="OK" onClick={() => (console.log('OK clicked'))} />
+ * ```
  */
 export declare class VerdocsButton {
   /**
@@ -20,11 +23,11 @@ export declare class VerdocsButton {
    */
   label: string;
   /**
-   * If desired, a prefix icon for the button
+   * If desired, a prefix icon for the button.
    */
   startIcon: string | null;
   /**
-   * If desired, a suffix icon for the button
+   * If desired, a suffix icon for the button.
    */
   endIcon: string | null;
   /**
@@ -43,10 +46,5 @@ export declare class VerdocsButton {
    * Whether the button should be disabled.
    */
   disabled: boolean;
-  /**
-   * Event fired when the button is pressed.
-   */
-  press: EventEmitter;
-  handleClick(e: any): void;
   render(): any;
 }

package/dist/types/components/controls/verdocs-button/verdocs-button.stories.d.ts

@@ -1,12 +1,12 @@
 import { Meta } from '@storybook/web-components';
 declare const _default: Meta<import("@storybook/web-components").Args>;
 export default _default;
-export declare const Button: ({ label, size, variant, disabled, startIcon, endIcon, press }: {
+export declare const Button: ({ label, size, variant, disabled, startIcon, endIcon, onClick }: {
   label: any;
   size: any;
   variant: any;
   disabled: any;
   startIcon: any;
   endIcon: any;
-  press: any;
+  onClick: any;
 }) => import("lit-html").TemplateResult<1>;

package/dist/types/components/controls/verdocs-button-panel/verdocs-button-panel.d.ts

@@ -1,6 +1,14 @@
 import { Instance } from '@popperjs/core';
 /**
- * Displays a clickable icon. When clicked, a customizable drop-down panel will be displayed.
+ * Displays a clickable icon suitable for display in a toolbar. When clicked, a customizable drop-down panel will be
+ * displayed.
+ *
+ * *
+ * ```html
+ * <verdocs-button-panel icon="<svg.../>">
+ *   <form>...</form>
+ * </verdocs-button-panel>
+ * ```
  */
 export declare class VerdocsButtonPanel {
   iconEl: HTMLDivElement;

package/dist/types/components/controls/verdocs-checkbox/verdocs-checkbox.d.ts

@@ -1,8 +1,19 @@
-import { EventEmitter } from '../../../stencil-public-runtime';
 /**
- * Displays a radio button. Note that this is different from the `verdocs-field-radio-button` component, which is designed
- * to be used in signing experiences and contains settings that connect to template fields. This is just a simple radio
- * button for UI displays e.g. dialogs and .
+ * Displays a check box. Note that this is different from the `verdocs-field-checkbox` component, which is designed
+ * to be used in signing experiences and contains settings that connect to template fields. This is just a simple check
+ * box for UI displays e.g. dialog boxes.
+ *
+ * This control encapsulates a standard HTML checkbox. To subscribe to change events, connect an `onChange`
+ * handler. Sample usage:
+ *
+ * ```html
+ * <verdocs-checkbox
+ *    value="on"
+ *    name="thingEnabled"
+ *    checked={this.thingEnabled}
+ *    onInput={(e: any) => (this.thingEnabled = e.target.checked)}
+ * />
+ * ```
  */
 export declare class VerdocsCheckbox {
   /**
@@ -21,14 +32,5 @@ export declare class VerdocsCheckbox {
    * If set, the button will still be displayed but not selectable.
    */
   disabled?: boolean;
-  /**
-   * Event fired when the input field value changes. Note that this will only be fired on blur, tab-out, ENTER key press, etc.
-   * It is generally the best event to subscribe to than `input` for most cases EXCEPT autocomplete fields that need to see every
-   * keypress.
-   */
-  selected: EventEmitter<{
-    value: string;
-  }>;
-  handleChange(e: any): void;
   render(): any;
 }

package/dist/types/components/controls/verdocs-checkbox/verdocs-checkbox.stories.d.ts

@@ -1,9 +1,10 @@
 import { Meta } from '@storybook/web-components';
 declare const _default: Meta<import("@storybook/web-components").Args>;
 export default _default;
-export declare const Checkbox: ({ checked, name, value, disabled }: {
+export declare const Checkbox: ({ checked, name, value, disabled, onInput }: {
   checked: any;
   name: any;
   value: any;
   disabled: any;
+  onInput: any;
 }) => import("lit-html").TemplateResult<1>;

package/dist/types/components/controls/verdocs-dropdown/verdocs-dropdown.d.ts

@@ -8,6 +8,16 @@ export interface IMenuOption {
 /**
  * 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
  * when the button is pressed again, or an option is selected.
+ *
+ * ```html
+ * <verdocs-dropdown
+ *   options={[
+ *     {label: 'Option 1', disabled: true},
+ *     {label: 'Option 2', id: '2'}
+*    ]}
+ *   label="OK" onClick={() => (console.log('OK clicked'))}
+ * />
+ * ```
  */
 export declare class VerdocsDropdown {
   private dropdownButton?;
@@ -20,7 +30,6 @@ export declare class VerdocsDropdown {
   /**
    * If set, the component will be open by default. This is primarily intended to be used for testing.
    */
-  open: boolean;
   /**
    * If set, the component will be open by default.
    */

package/dist/types/components/controls/verdocs-organization-card/verdocs-organization-card.d.ts

@@ -1,6 +1,6 @@
 import { IOrganization } from '@verdocs/js-sdk/Organizations/Types';
 /**
- * Display a pop-up describing the company that was hovered over
+ * Display a small summary card describing an organization
  */
 export declare class VerdocsOrganizationCard {
   /**

package/dist/types/components/controls/verdocs-radio-button/verdocs-radio-button.d.ts

@@ -1,8 +1,20 @@
-import { EventEmitter } from '../../../stencil-public-runtime';
 /**
- * Displays a radio button. Note that this is different from the `verdocs-field-radio-button` component, which is designed
- * to be used in signing experiences and contains settings that connect to template fields. This is just a simple radio
- * button for UI displays e.g. dialogs and .
+ * Displays a radio button. Note that this is different from the `verdocs-field-radio-button` component, which is
+ * designed to be used in signing experiences and contains settings that connect to template fields. This is just a
+ * simple radio button for UI displays e.g. dialog boxes.
+ *
+ * This control encapsulates a standard HTML radio button. To subscribe to change events, connect an `onChange`
+ * handler. Sample usage:
+ *
+ * ```html
+ * <verdocs-radio-button
+ *    value="val1"
+ *    name="someProperty"
+ *    checked={this.someProperty === 'val1'}
+ *    onInput={(e: any) => { this.someProperty = 'val1' }}
+ *    disabled={false}
+ * />
+ * ```
  */
 export declare class VerdocsRadioButton {
   /**
@@ -21,14 +33,5 @@ export declare class VerdocsRadioButton {
    * If set, the button will still be displayed but not selectable.
    */
   disabled?: boolean;
-  /**
-   * Event fired when the input field value changes. Note that this will only be fired on blur, tab-out, ENTER key press, etc.
-   * It is generally the best event to subscribe to than `input` for most cases EXCEPT autocomplete fields that need to see every
-   * keypress.
-   */
-  selected: EventEmitter<{
-    value: string;
-  }>;
-  handleChange(e: any): void;
   render(): any;
 }

package/dist/types/components/controls/verdocs-radio-button/verdocs-radio-button.stories.d.ts

@@ -1,9 +1,10 @@
 import { Meta } from '@storybook/web-components';
 declare const _default: Meta<import("@storybook/web-components").Args>;
 export default _default;
-export declare const RadioButton: ({ checked, name, value, disabled }: {
+export declare const RadioButton: ({ checked, name, value, disabled, onInput }: {
   checked: any;
   name: any;
   value: any;
   disabled: any;
+  onInput: any;
 }) => import("lit-html").TemplateResult<1>;

package/dist/types/components/controls/verdocs-select-input/verdocs-select-input.d.ts

@@ -1,4 +1,3 @@
-import { EventEmitter } from '../../../stencil-public-runtime';
 /**
  * Display a text input field. This is just a standard HTML input field with minimal markup to fit the
  * visual styles of the other components. Note that events "bubble" from the input field to the container,
@@ -24,13 +23,5 @@ export declare class VerdocsSelectInput {
    * Should the field be disabled?
    */
   disabled: boolean;
-  _value: string;
-  /**
-   * Event fired when the selection has changed
-   */
-  fieldChange: EventEmitter<string>;
-  componentWillLoad(): void;
-  componentDidLoad(): void;
-  handleInput(e: any): void;
   render(): any;
 }

package/dist/types/components/controls/verdocs-select-input/verdocs-select-input.stories.d.ts

@@ -1,12 +1,12 @@
 import { Meta } from '@storybook/web-components';
 declare const _default: Meta<import("@storybook/web-components").Args>;
 export default _default;
-export declare const SelectInput: ({ type, label, value, placeholder, options, disabled, change }: {
+export declare const SelectInput: ({ type, label, value, placeholder, options, disabled, onInput }: {
   type: any;
   label: any;
   value: any;
   placeholder: any;
   options: any;
   disabled: any;
-  change: any;
+  onInput: any;
 }) => import("lit-html").TemplateResult<1>;

package/dist/types/components/controls/verdocs-status-indicator/verdocs-status-indicator.d.ts

@@ -1,4 +1,4 @@
-import { IDocument, TDocumentStatus, TRecipientStatus } from '@verdocs/js-sdk/Documents/Types';
+import { IEnvelope, TEnvelopeStatus, TRecipientStatus } from '@verdocs/js-sdk/Envelopes/Types';
 /**
  * Displays an icon and message describing a document's completion status. For convenience, the status may be passed in either
  * directly as a status field or the whole document object may be passed in.
@@ -23,11 +23,11 @@ export declare class VerdocsStatusIndicator {
   /**
    * The status to display.
    */
-  status?: TDocumentStatus | TRecipientStatus | 'accepted';
+  status?: TEnvelopeStatus | TRecipientStatus | 'accepted';
   /**
    * The document to display status for. Ignored if `status` is set directly.
    */
-  document?: IDocument;
+  envelope?: IEnvelope;
   isOpen: boolean;
   recipientStatusIcons: any[];
   containerId: string;

package/dist/types/components/controls/verdocs-status-indicator/verdocs-status-indicator.stories.d.ts

@@ -1,9 +1,9 @@
 import { Meta } from '@storybook/web-components';
 declare const _default: Meta<import("@storybook/web-components").Args>;
 export default _default;
-export declare const StatusIndicator: ({ theme, size, status, document }: {
+export declare const StatusIndicator: ({ theme, size, status, envelope }: {
   theme: any;
   size: any;
   status: any;
-  document: any;
+  envelope: any;
 }) => import("lit-html").TemplateResult<1>;

package/dist/types/components/controls/verdocs-text-input/verdocs-text-input.d.ts

@@ -29,8 +29,5 @@ export declare class VerdocsTextInput {
    * Should the field be disabled?
    */
   disabled: boolean;
-  _value: string;
-  componentWillLoad(): void;
-  componentDidLoad(): void;
   render(): any;
 }

package/dist/types/components/controls/verdocs-text-input/verdocs-text-input.stories.d.ts

@@ -1,11 +1,11 @@
 import { Meta } from '@storybook/web-components';
 declare const _default: Meta<import("@storybook/web-components").Args>;
 export default _default;
-export declare const TextInput: ({ type, label, value, placeholder, disabled, input }: {
+export declare const TextInput: ({ type, label, value, placeholder, disabled, onInput }: {
   type: any;
   label: any;
   value: any;
   placeholder: any;
   disabled: any;
-  input: any;
+  onInput: any;
 }) => import("lit-html").TemplateResult<1>;