@verdocs/web-sdk 1.5.5 → 1.6.0

package/dist/cjs/verdocs-template-card.cjs.entry.js

@@ -36,3 +36,5 @@ const VerdocsTemplateCard = class {
 VerdocsTemplateCard.style = verdocsTemplateCardCss;
 
 exports.verdocs_template_card = VerdocsTemplateCard;
+
+//# sourceMappingURL=verdocs-template-card.cjs.entry.js.map

package/dist/cjs/verdocs-template-card.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"verdocs-template-card.entry.cjs.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,MAAM,sBAAsB,GAAG,28CAA28C;;MCe79C,mBAAmB;;;;EAM9B,MAAM;;IACJ,QACEA,QAACC,UAAI,QACHD,iBAAK,GAAG,EAAE,CAAA,MAAA,MAAA,IAAI,CAAC,QAAQ,0CAAE,iBAAiB,0CAAE,aAAa,KAAI,EAAE,EAAE,GAAG,EAAC,oBAAoB,EAAC,KAAK,EAAC,WAAW,GAAG,EAE9GA,kBAAM,KAAK,EAAC,MAAM,IAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAQ,EAC9CA,kBAAM,KAAK,EAAC,UAAU,IAAE,CAAA,MAAA,IAAI,CAAC,QAAQ,CAAC,YAAY,0CAAE,IAAI,KAAI,QAAQ,CAAQ,EAE5EA,mBAAM,EAENA,iBAAK,KAAK,EAAC,UAAU,IACnBA,iBAAK,KAAK,EAAC,SAAS,IAClBA,kBAAM,KAAK,EAAC,MAAM,EAAC,SAAS,EAAE,QAAQ,GAAI,EAC1CA,kBAAM,KAAK,EAAC,OAAO,IAAE,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAQ,CACnD,EAENA,iBAAK,KAAK,EAAC,mBAAmB,IAC5BA,kBAAM,KAAK,EAAC,MAAM,EAAC,SAAS,EAAE,SAAS,GAAI,EAC3CA,kBAAM,KAAK,EAAC,OAAO,IAAE,CAAA,MAAA,MAAA,IAAI,CAAC,QAAQ,0CAAE,iBAAiB,0CAAE,YAAY,KAAI,CAAC,CAAQ,CAC5E,EAENA,iBAAK,KAAK,EAAC,mBAAmB,IAC5BA,kBAAM,KAAK,EAAC,MAAM,EAAC,SAAS,EAAE,SAAS,GAAI,EAC3CA,kBAAM,KAAK,EAAC,OAAO,IAAE,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAQ,CAC9C,EAENA,kBAAM,KAAK,EAAC,qBAAqB,EAAC,SAAS,EAAE,WAAW,GAAI,CACxD,CACD,EACP;GACH;;;;;;","names":["h","Host"],"sources":["./src/components/controls/verdocs-template-card/verdocs-template-card.scss?tag=verdocs-template-card","./src/components/controls/verdocs-template-card/verdocs-template-card.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-template-card {\n  font-family: $primary-font;\n  width: 320px;\n  height: 320px;\n  display: flex;\n  padding: 25px;\n  flex-wrap: nowrap;\n  box-sizing: border-box;\n  flex-direction: column;\n  background-color: $verdocs-grey-4;\n  box-shadow: 2px 2px 5px rgba(51, 54, 75, 0.05);\n\n  .thumbnail {\n    width: 272px;\n    height: 158px;\n    object-fit: cover;\n    margin-bottom: 22px;\n    object-position: -20% 0;\n  }\n\n  .name {\n    font-size: 18px;\n    font-weight: 700;\n    margin-bottom: 7px;\n  }\n\n  .org-name {\n    font-size: 14px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n\n  hr {\n    width: 100%;\n    margin-bottom: 17px;\n    background-color: $icon-color;\n  }\n\n  .controls {\n    display: flex;\n    flex-direction: row;\n    flex-wrap: nowrap;\n    justify-content: space-between;\n    text-align: center;\n    font-size: 16px;\n\n    .control {\n      flex: 1;\n      display: flex;\n      margin-right: 8px;\n      align-items: flex-start;\n      border-right: 1px solid $icon-color;\n\n      &.secondary {\n        justify-content: center;\n      }\n\n      svg {\n        fill: $icon-color;\n        height: 16px;\n        max-width: 16px;\n        margin: 0 8px -2px 0;\n      }\n    }\n  }\n\n  .additional-controls svg {\n    margin-right: 0;\n    fill: $verdocs-purple;\n  }\n}\n","import {Component, Prop, h, Host} from '@stencil/core';\nimport {ITemplate} from '@verdocs/js-sdk/Templates/Types';\nimport ActionsIcon from './actions.svg';\nimport EmailIcon from './email.svg';\nimport PagesIcon from './pages.svg';\nimport StarIcon from './star.svg';\n\n/**\n * Displays a summary of a template\n */\n@Component({\n  tag: 'verdocs-template-card',\n  styleUrl: 'verdocs-template-card.scss',\n  shadow: false,\n})\nexport class VerdocsTemplateCard {\n  /**\n   * The template for which the card will be rendered.\n   */\n  @Prop() template: ITemplate;\n\n  render() {\n    return (\n      <Host>\n        <img src={this.template?.template_document?.thumbnail_url || ''} alt=\"Template Thumbnail\" class=\"thumbnail\" />\n\n        <span class=\"name\">{this.template.name}</span>\n        <span class=\"org-name\">{this.template.organization?.name || 'Public'}</span>\n\n        <hr />\n\n        <div class=\"controls\">\n          <div class=\"control\">\n            <span class=\"icon\" innerHTML={StarIcon} />\n            <span class=\"value\">{this.template.star_counter}</span>\n          </div>\n\n          <div class=\"control secondary\">\n            <span class=\"icon\" innerHTML={PagesIcon} />\n            <span class=\"value\">{this.template?.template_document?.page_numbers || 1}</span>\n          </div>\n\n          <div class=\"control secondary\">\n            <span class=\"icon\" innerHTML={EmailIcon} />\n            <span class=\"value\">{this.template.counter}</span>\n          </div>\n\n          <span class=\"additional-controls\" innerHTML={ActionsIcon} />\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/verdocs-template-tags.cjs.entry.js

@@ -18,3 +18,5 @@ const VerdocsTemplateTags = class {
 VerdocsTemplateTags.style = verdocsTemplateTagsCss;
 
 exports.verdocs_template_tags = VerdocsTemplateTags;
+
+//# sourceMappingURL=verdocs-template-tags.cjs.entry.js.map

package/dist/cjs/verdocs-template-tags.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"verdocs-template-tags.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,sBAAsB,GAAG,uVAAuV;;MCSzW,mBAAmB;;;;EAM9B,MAAM;;IACJ,QACEA,QAACC,UAAI,QACF,MAAA,IAAI,CAAC,IAAI,0CAAE,GAAG,CAAC,GAAG,KACjBD,sBAAO,GAAG,CAAQ,CACnB,CAAC,CACG,EACP;GACH;;;;;;","names":["h","Host"],"sources":["./src/components/controls/verdocs-template-tags/verdocs-template-tags.scss?tag=verdocs-template-tags","./src/components/controls/verdocs-template-tags/verdocs-template-tags.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-template-tags {\n  font-family: $primary-font;\n\n  span {\n    margin: 0 4px;\n    height: 28px;\n    font-size: 12px;\n    font-weight: 600;\n    padding: 5px 12px 7px;\n    border-radius: 5px;\n    display: inline-block;\n    box-sizing: border-box;\n    text-transform: uppercase;\n    color: $label-color;\n    border: 1px solid $border-color;\n    background-color: $container-bg;\n  }\n}\n","import {Component, Prop, h, Host} from '@stencil/core';\n\n/**\n * Displays a message listing a template's tags.\n */\n@Component({\n  tag: 'verdocs-template-tags',\n  styleUrl: 'verdocs-template-tags.scss',\n})\nexport class VerdocsTemplateTags {\n  /**\n   * The tags to display\n   */\n  @Prop() tags: any[];\n\n  render() {\n    return (\n      <Host>\n        {this.tags?.map(tag => (\n          <span>{tag}</span>\n        ))}\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/verdocs-toggle.cjs.entry.js

@@ -34,3 +34,5 @@ const VerdocsToggle = class {
 VerdocsToggle.style = verdocsToggleCss;
 
 exports.verdocs_toggle = VerdocsToggle;
+
+//# sourceMappingURL=verdocs-toggle.cjs.entry.js.map

package/dist/cjs/verdocs-toggle.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"verdocs-toggle.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,gBAAgB,GAAG,ulCAAulC;;MCwBnmC,aAAa;;;;EAgBxB,WAAW,CAAC,KAAK;IACf,KAAK,CAAC,cAAc,EAAE,CAAC;IACvB,IAAI,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC;IAC7B,IAAI,SAAS,CAAC,OAAO,CAAC,qBAAqB,CAAC,EAAE;MAC5C,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC;MACpC,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,CAAC;MACxC,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,KAAK;QACtE,OAAO,KAAK,KAAK,OAAO,CAAC;OAC1B,CAAC,CAAC;MACH,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAY;QACxB,OAAO,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;OAC7C,CAAC,CAAC;MACH,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,QAAQ,CAAC,UAAU,CAAC,EAAE;QAC3C,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;OACnC;KACF;GACF;EAED,MAAM;IACJ,QACEA,iBAAK,KAAK,EAAC,WAAW,IACpBA,kBAAM,KAAK,EAAC,OAAO,IAAE,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,CAAQ,EACrDA,iBAAK,KAAK,EAAC,SAAS,IACjB,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAgB,EAAEC,OAAa,MACxDD,oBAAQ,EAAE,EAAE,MAAM,CAAC,EAAE,EAAE,GAAG,EAAE,MAAM,CAAC,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,IAAI,EAAE,KAAK,EAAEC,OAAK,KAAK,IAAI,CAAC,OAAO,CAAC,gBAAgB,GAAG,UAAU,GAAG,EAAE,GAAI,CACpI,CAAC,CACE,CACF,EACN;GACH;;;;;;","names":["h","index"],"sources":["./src/components/controls/verdocs-toggle/verdocs-toggle.scss?tag=verdocs-toggle","./src/components/controls/verdocs-toggle/verdocs-toggle.tsx"],"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, Listen} 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  @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 id={button.id} key={button.id} innerHTML={button.icon} class={index === this.options.defaultSelection ? 'selected' : ''} />\n          ))}\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/verdocs-upload-dialog.cjs.entry.js

@@ -121,3 +121,5 @@ const VerdocsUploadDialog = class {
 VerdocsUploadDialog.style = verdocsUploadDialogCss;
 
 exports.verdocs_upload_dialog = VerdocsUploadDialog;
+
+//# sourceMappingURL=verdocs-upload-dialog.cjs.entry.js.map

package/dist/cjs/verdocs-upload-dialog.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"verdocs-upload-dialog.entry.cjs.js","mappings":"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","names":["h","Host","index"],"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"],"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 text input field. This adds a partially-transparent overlay and screen-centered dialog\n * box with a message and optional header/title. An OK button is shown that will dismiss the message.\n * It can also be dismissed by clicking the background overlay.\n */\n@Component({\n  tag: 'verdocs-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}

package/dist/cjs/verdocs-web-sdk.cjs.js

@@ -3,7 +3,7 @@
 const index = require('./index-589f3be8.js');
 
 /*
- Stencil Client Patch Browser v2.17.1 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v2.17.3 | MIT Licensed | https://stenciljs.com
  */
 const patchBrowser = () => {
     const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('verdocs-web-sdk.cjs.js', document.baseURI).href));
@@ -15,5 +15,7 @@ const patchBrowser = () => {
 };
 
 patchBrowser().then(options => {
-  return index.bootstrapLazy([["verdocs-sign.cjs",[[0,"verdocs-sign",{"endpoint":[16],"documentid":[1],"roleid":[1],"invitecode":[1],"recipient":[32],"signerToken":[32],"pdfUrl":[32],"recipientIndex":[32],"document":[32],"fields":[32],"pdfPageInfo":[32],"hasSignature":[32],"nextButtonLabel":[32],"focusedField":[32]}]]],["verdocs-auth.cjs",[[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-search.cjs",[[0,"verdocs-search",{"endpoint":[16]}]]],["verdocs-kba-dialog.cjs",[[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-organization-card.cjs",[[0,"verdocs-organization-card",{"organization":[16]}]]],["verdocs-quick-functions.cjs",[[0,"verdocs-quick-functions",{"endpoint":[16]}]]],["verdocs-search-tabs.cjs",[[0,"verdocs-search-tabs",{"selected":[32]}]]],["verdocs-status-indicator.cjs",[[0,"verdocs-status-indicator",{"size":[1],"theme":[1],"status":[1],"document":[16],"isOpen":[32],"recipientStatusIcons":[32]}]]],["verdocs-template-card.cjs",[[0,"verdocs-template-card",{"template":[16]}]]],["verdocs-template-tags.cjs",[[0,"verdocs-template-tags",{"tags":[16]}]]],["verdocs-toggle.cjs",[[0,"verdocs-toggle",{"options":[16],"theme":[1]},[[6,"click","handleClick"]]]]],["verdocs-button_2.cjs",[[0,"verdocs-text-input",{"value":[1],"label":[1],"placeholder":[1],"autocomplete":[1],"type":[1],"disabled":[4],"_value":[32]}],[0,"verdocs-button",{"label":[1],"startIcon":[1,"start-icon"],"endIcon":[1,"end-icon"],"size":[1],"type":[1],"variant":[1],"disabled":[4]}]]],["verdocs-ok-dialog.cjs",[[0,"verdocs-ok-dialog",{"heading":[1],"message":[1],"open":[4],"cancel":[4]}]]],["verdocs-initial-dialog.cjs",[[0,"verdocs-initial-dialog",{"fullname":[1],"open":[4],"fontLoaded":[32],"enteredInitials":[32],"mode":[32]}]]],["verdocs-signature-dialog.cjs",[[0,"verdocs-signature-dialog",{"fullname":[1],"open":[4],"fontLoaded":[32],"enteredName":[32],"mode":[32]}]]],["verdocs-upload-dialog.cjs",[[0,"verdocs-upload-dialog",{"open":[4],"draggingOver":[32],"decodedFiles":[32]}]]],["verdocs-search-activity_2.cjs",[[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]}]]],["verdocs-loader.cjs",[[0,"verdocs-loader"]]],["verdocs-dropdown_12.cjs",[[0,"verdocs-field-initial",{"required":[4],"fullName":[1,"full-name"],"value":[1],"focusField":[64]}],[0,"verdocs-field-signature",{"required":[4],"fullName":[1,"full-name"],"value":[1],"focusField":[64]}],[0,"verdocs-field-attachment",{"order":[2],"value":[1],"required":[4],"disabled":[4],"focusField":[64]}],[0,"verdocs-view",{"endpoint":[16],"rotation":[2],"source":[1],"loadProgress":[32]}],[0,"verdocs-dropdown",{"options":[16],"open":[4],"isOpen":[32]}],[0,"verdocs-field-checkbox",{"order":[2],"value":[4],"required":[4],"disabled":[4]}],[0,"verdocs-field-date",{"placeholder":[1],"order":[2],"value":[1],"required":[4],"disabled":[4],"focused":[32],"focusField":[64]}],[0,"verdocs-field-dropdown",{"options":[16],"required":[4],"order":[2],"disabled":[4],"value":[1],"focused":[32],"focusField":[64]}],[0,"verdocs-field-payment",{"field":[16],"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]}],[0,"verdocs-field-radio-button",{"order":[2],"checked":[4],"value":[1],"name":[1],"required":[4],"disabled":[4]}],[0,"verdocs-field-textarea",{"placeholder":[1],"order":[2],"value":[1],"required":[4],"disabled":[4],"focused":[32],"focusField":[64]}],[0,"verdocs-field-textbox",{"placeholder":[1],"order":[2],"value":[1],"required":[4],"disabled":[4],"focused":[32],"focusField":[64]}]]]], options);
+  return index.bootstrapLazy([["verdocs-sign.cjs",[[0,"verdocs-sign",{"endpoint":[16],"documentid":[1],"roleid":[1],"invitecode":[1],"recipient":[32],"signerToken":[32],"pdfUrl":[32],"recipientIndex":[32],"document":[32],"fields":[32],"pdfPageInfo":[32],"hasSignature":[32],"nextButtonLabel":[32],"focusedField":[32]}]]],["verdocs-auth.cjs",[[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],"_endpoint":[32]}]]],["verdocs-search.cjs",[[0,"verdocs-search",{"endpoint":[16]}]]],["verdocs-kba-dialog.cjs",[[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-organization-card.cjs",[[0,"verdocs-organization-card",{"organization":[16]}]]],["verdocs-quick-functions.cjs",[[0,"verdocs-quick-functions",{"endpoint":[16]}]]],["verdocs-search-tabs.cjs",[[0,"verdocs-search-tabs",{"selected":[32]}]]],["verdocs-status-indicator.cjs",[[0,"verdocs-status-indicator",{"size":[1],"theme":[1],"status":[1],"document":[16],"isOpen":[32],"recipientStatusIcons":[32]}]]],["verdocs-template-card.cjs",[[0,"verdocs-template-card",{"template":[16]}]]],["verdocs-template-tags.cjs",[[0,"verdocs-template-tags",{"tags":[16]}]]],["verdocs-toggle.cjs",[[0,"verdocs-toggle",{"options":[16],"theme":[1]},[[6,"click","handleClick"]]]]],["verdocs-button_2.cjs",[[0,"verdocs-text-input",{"value":[1],"label":[1],"placeholder":[1],"autocomplete":[1],"type":[1],"disabled":[4],"_value":[32]}],[0,"verdocs-button",{"label":[1],"startIcon":[1,"start-icon"],"endIcon":[1,"end-icon"],"size":[1],"type":[1],"variant":[1],"disabled":[4]}]]],["verdocs-ok-dialog.cjs",[[0,"verdocs-ok-dialog",{"heading":[1],"message":[1],"open":[4],"cancel":[4]}]]],["verdocs-initial-dialog.cjs",[[0,"verdocs-initial-dialog",{"fullname":[1],"open":[4],"fontLoaded":[32],"enteredInitials":[32],"mode":[32]}]]],["verdocs-signature-dialog.cjs",[[0,"verdocs-signature-dialog",{"fullname":[1],"open":[4],"fontLoaded":[32],"enteredName":[32],"mode":[32]}]]],["verdocs-upload-dialog.cjs",[[0,"verdocs-upload-dialog",{"open":[4],"draggingOver":[32],"decodedFiles":[32]}]]],["verdocs-search-activity_2.cjs",[[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]}]]],["verdocs-loader.cjs",[[0,"verdocs-loader"]]],["verdocs-dropdown_12.cjs",[[0,"verdocs-field-initial",{"required":[4],"fullName":[1,"full-name"],"value":[1],"focusField":[64]}],[0,"verdocs-field-signature",{"required":[4],"fullName":[1,"full-name"],"value":[1],"focusField":[64]}],[0,"verdocs-field-attachment",{"order":[2],"value":[1],"required":[4],"disabled":[4],"focusField":[64]}],[0,"verdocs-view",{"endpoint":[16],"rotation":[2],"source":[1],"loadProgress":[32]}],[0,"verdocs-dropdown",{"options":[16],"open":[4],"isOpen":[32]}],[0,"verdocs-field-checkbox",{"order":[2],"value":[4],"required":[4],"disabled":[4]}],[0,"verdocs-field-date",{"placeholder":[1],"order":[2],"value":[1],"required":[4],"disabled":[4],"focused":[32],"focusField":[64]}],[0,"verdocs-field-dropdown",{"options":[16],"required":[4],"order":[2],"disabled":[4],"value":[1],"focused":[32],"focusField":[64]}],[0,"verdocs-field-payment",{"field":[16],"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]}],[0,"verdocs-field-radio-button",{"order":[2],"checked":[4],"value":[1],"name":[1],"required":[4],"disabled":[4]}],[0,"verdocs-field-textarea",{"placeholder":[1],"order":[2],"value":[1],"required":[4],"disabled":[4],"focused":[32],"focusField":[64]}],[0,"verdocs-field-textbox",{"placeholder":[1],"order":[2],"value":[1],"required":[4],"disabled":[4],"focused":[32],"focusField":[64]}]]]], options);
 });
+
+//# sourceMappingURL=verdocs-web-sdk.cjs.js.map

package/dist/cjs/verdocs-web-sdk.cjs.js.map

@@ -0,0 +1 @@
+{"file":"verdocs-web-sdk.cjs.js","mappings":";;;;AAAA;AACA;AACA;AAIA,MAAM,YAAY,GAAG,MAAM;AA6B3B,IAAI,MAAM,UAAU,GAAG,iNAAe,CAAC;AACvC,IAAI,MAAM,IAAI,GAAyD,EAAE,CAAC;AAe1E,IAAI,IAAuB,UAAU,KAAK,EAAE,EAAE;AAC9C,QAAQ,IAAI,CAAC,YAAY,GAAG,IAAI,GAAG,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC,IAAI,CAAC;AAC1D,KAWK;AACL,IAAI,OAAOA,oBAAc,CAAC,IAAI,CAAC,CAAC;AAChC,CAAC;;AC/DD,YAAY,EAAE,CAAC,IAAI,CAAC,OAAO,IAAI;AAE/B,EAAE,OAAOC,mBAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC,CAAC;AAC9D,CAAC,CAAC;;","names":["promiseResolve","bootstrapLazy"],"sources":["./node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v2.17.3 | 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}

package/dist/collection/collection-manifest.json

@@ -35,7 +35,7 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "2.17.1",
+    "version": "2.17.3",
     "typescriptVersion": "4.5.4"
   },
   "collections": [],

package/dist/collection/components/controls/verdocs-button/verdocs-button.js

@@ -202,3 +202,4 @@ export class VerdocsButton {
       }
     }]; }
 }
+//# sourceMappingURL=verdocs-button.js.map

package/dist/collection/components/controls/verdocs-button/verdocs-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"verdocs-button.js","sourceRoot":"","sources":["../../../../src/components/controls/verdocs-button/verdocs-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAe,MAAM,eAAe,CAAC;AAEtE;;;;;;;;;;;;;;GAcG;AAKH,MAAM,OAAO,aAAa;EAJ1B;IAUE;;OAEG;IACK,cAAS,GAAkB,IAAI,CAAC;IAExC;;OAEG;IACK,YAAO,GAAkB,IAAI,CAAC;IAEtC;;OAEG;IACK,SAAI,GAA4C,QAAQ,CAAC;IAEjE;;OAEG;IACK,SAAI,GAAkC,QAAQ,CAAC;IAEvD;;OAEG;IACK,YAAO,GAAoC,UAAU,CAAC;IAE9D;;OAEG;IACK,aAAQ,GAAY,KAAK,CAAC;GAqBnC;EAdC,WAAW,CAAC,CAAM;IAChB,CAAC,CAAC,cAAc,EAAE,CAAC;IACnB,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;EACpB,CAAC;EAED,MAAM;IACJ,OAAO,CACL,cAAQ,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,EAAE;MACpI,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,YAAM,KAAK,EAAC,YAAY,EAAC,SAAS,EAAE,IAAI,CAAC,SAAS,GAAI,CAAC,CAAC,CAAC,IAAI;MAC/E,YAAM,KAAK,EAAC,OAAO,IAAE,IAAI,CAAC,KAAK,CAAQ;MACtC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,YAAM,KAAK,EAAC,UAAU,EAAC,SAAS,EAAE,IAAI,CAAC,OAAO,GAAI,CAAC,CAAC,CAAC,IAAI,CAClE,CACV,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Prop, h, Event, EventEmitter} from '@stencil/core';\n\n/**\n * Display a simple button.\n *\n * Three variants are supported. `standard` and `outline` buttons look like traditional form buttons and are ideal candidates for 'Ok' and\n * 'Cancel' options in most cases. `text` buttons are intended to be used inline in content blocks or for more subtle button options.\n * (Auth uses text buttons for the Forgot Password and Sign Up options.)\n *\n * Four sizes are also supported. Most use cases will call for the `normal` size, but a `small` size is ideal for more subtle controls, such\n * as pagination or other secondary functions. `medium` buttons are slightly larger to provide balance in forms where other items are also\n * bigger, and `large` buttons are for cases where the page has mostly white-space and the buttons need to fill more space.\n *\n * Icons may be placed either before (\"start\") or after (\"end\") the button label. Icons should be SVG objects passed as strings and will\n * be rendered as HTML inside the button label area. It is important that the root <SVG> tag contains a default `fill=\"#ffffff\"` setting\n * for the base color, and that child elements below it do not. This allows the button color to carry into the icon properly.\n */\n@Component({\n  tag: 'verdocs-button',\n  styleUrl: 'verdocs-button.scss',\n})\nexport class VerdocsButton {\n  /**\n   * The label for the button.\n   */\n  @Prop() label!: string;\n\n  /**\n   * If desired, a prefix icon for the button\n   */\n  @Prop() startIcon: string | null = null;\n\n  /**\n   * If desired, a suffix icon for the button\n   */\n  @Prop() endIcon: string | null = null;\n\n  /**\n   * The size (height) of the button.\n   */\n  @Prop() size: 'small' | 'normal' | 'medium' | 'large' = 'normal';\n\n  /**\n   * The type of the button.\n   */\n  @Prop() type: 'button' | 'submit' | 'reset' = 'button';\n\n  /**\n   * The display variant of the button.\n   */\n  @Prop() variant: 'standard' | 'text' | 'outline' = 'standard';\n\n  /**\n   * Whether the button should be disabled.\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * Event fired when the button is pressed.\n   */\n  @Event({composed: true}) press!: EventEmitter;\n\n  handleClick(e: any) {\n    e.preventDefault();\n    this.press.emit();\n  }\n\n  render() {\n    return (\n      <button disabled={this.disabled} type={this.type} onClick={e => this.handleClick(e)} class={`${this.variant} ${this.size} ${this.type}`}>\n        {this.startIcon ? <span class=\"icon start\" innerHTML={this.startIcon} /> : null}\n        <span class=\"label\">{this.label}</span>\n        {this.endIcon ? <span class=\"icon end\" innerHTML={this.endIcon} /> : null}\n      </button>\n    );\n  }\n}\n"]}

package/dist/collection/components/controls/verdocs-button/verdocs-button.stories.js

@@ -57,3 +57,4 @@ export const Button = ({ label, size, variant, disabled, startIcon, endIcon, pre
     .disabled=${disabled}
     @press=${press}
   />`;
+//# sourceMappingURL=verdocs-button.stories.js.map

package/dist/collection/components/controls/verdocs-button/verdocs-button.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"verdocs-button.stories.js","sourceRoot":"","sources":["../../../../src/components/controls/verdocs-button/verdocs-button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,UAAU,CAAC;AAG9B,+BAA+B;AAC/B,MAAM,UAAU,GAAG;;;;;;;;;;;;;;CAclB,CAAC;AAEF,MAAM,SAAS,GAAG;;;;;;;;;;;CAWjB,CAAC;AAEF,eAAe;EACb,KAAK,EAAE,iBAAiB;EACxB,SAAS,EAAE,gBAAgB;EAC3B,IAAI,EAAE;IACJ,KAAK,EAAE,UAAU;IACjB,IAAI,EAAE,QAAQ;IACd,IAAI,EAAE,QAAQ;IACd,OAAO,EAAE,UAAU;IACnB,QAAQ,EAAE,KAAK;GAChB;EACD,QAAQ,EAAE;IACR,SAAS,EAAE,EAAC,YAAY,EAAE,KAAK,EAAE,OAAO,EAAE,EAAC,IAAI,EAAE,SAAS,EAAC,EAAC;IAC5D,OAAO,EAAE,EAAC,YAAY,EAAE,KAAK,EAAE,OAAO,EAAE,EAAC,IAAI,EAAE,SAAS,EAAC,EAAC;IAC1D,KAAK,EAAE;MACL,MAAM,EAAE,OAAO;MACf,KAAK,EAAE;QACL,OAAO,EAAE,IAAI;OACd;KACF;GACF;CACM,CAAC;AAEV,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EAAC,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAC,EAAE,EAAE,CACpF,IAAI,CAAA;aACO,KAAK;iBACD,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI;eAC/B,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI;YAC7B,IAAI;eACD,OAAO;gBACN,QAAQ;aACX,KAAK;KACb,CAAC","sourcesContent":["import {html} from 'lit-html';\nimport {Meta} from '@storybook/web-components';\n\n// Circle with three dots in it\nconst CircleIcon = `\n  <svg xmlns=\"http://www.w3.org/2000/svg\" enable-background=\"new 0 0 24 24\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"#ffffff\">\n    <g>\n      <rect fill=\"none\" height=\"24\" width=\"24\"/>\n    </g>\n    <g>\n      <g>\n        <path d=\"M12,2C6.48,2,2,6.48,2,12c0,5.52,4.48,10,10,10s10-4.48,10-10C22,6.48,17.52,2,12,2z M12,20c-4.42,0-8-3.58-8-8 c0-4.42,3.58-8,8-8s8,3.58,8,8C20,16.42,16.42,20,12,20z\"/>\n        <circle cx=\"7\" cy=\"12\" r=\"1.5\"/>\n        <circle cx=\"12\" cy=\"12\" r=\"1.5\"/>\n        <circle cx=\"17\" cy=\"12\" r=\"1.5\"/>\n      </g>\n    </g>\n  </svg>\n`;\n\nconst ArrowIcon = `\n<svg width=\"10\" height=\"26\" viewBox=\"0 0 10 26\" fill=\"#ffffff\" xmlns=\"http://www.w3.org/2000/svg\">\n<g clip-path=\"url(#clip0_31568_3647)\">\n<path d=\"M9.64682 13.431L2.10645 20.9466C1.86503 21.1853 1.47466 21.1853 1.23324 20.9466L0.216218 19.9411C-0.0251976 19.7025 -0.0251976 19.3165 0.216218 19.0778L6.30296 12.9993L0.216218 6.9208C-0.0251976 6.68213 -0.0251976 6.29619 0.216218 6.05752L1.23324 5.05205C1.47466 4.81338 1.86503 4.81338 2.10645 5.05205L9.64682 12.5677C9.88824 12.8064 9.88824 13.1923 9.64682 13.431Z\"/>\n</g>\n<defs>\n<clipPath id=\"clip0_31568_3647\">\n<rect width=\"9.86207\" height=\"26\"/>\n</clipPath>\n</defs>\n</svg>\n`;\n\nexport default {\n  title: 'Controls/Button',\n  component: 'verdocs-button',\n  args: {\n    label: 'Click Me',\n    type: 'button',\n    size: 'normal',\n    variant: 'standard',\n    disabled: false,\n  },\n  argTypes: {\n    startIcon: {defaultValue: false, control: {type: 'boolean'}},\n    endIcon: {defaultValue: false, control: {type: 'boolean'}},\n    press: {\n      action: 'press',\n      table: {\n        disable: true,\n      },\n    },\n  },\n} as Meta;\n\nexport const Button = ({label, size, variant, disabled, startIcon, endIcon, press}) =>\n  html`<verdocs-button\n    .label=${label}\n    .startIcon=${startIcon ? CircleIcon : null}\n    .endIcon=${endIcon ? ArrowIcon : null}\n    .size=${size}\n    .variant=${variant}\n    .disabled=${disabled}\n    @press=${press}\n  />`;\n"]}

package/dist/collection/components/controls/verdocs-dropdown/verdocs-dropdown.js

@@ -139,3 +139,4 @@ export class VerdocsDropdown {
       }
     }]; }
 }
+//# sourceMappingURL=verdocs-dropdown.js.map

package/dist/collection/components/controls/verdocs-dropdown/verdocs-dropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"verdocs-dropdown.js","sourceRoot":"","sources":["../../../../src/components/controls/verdocs-dropdown/verdocs-dropdown.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Host} from '@stencil/core';\nimport {createPopper, Instance} from '@popperjs/core';\nimport {Component, Prop, State, h, Event, EventEmitter} from '@stencil/core';\nimport SortDown from './down-arrow.svg';\n\nexport interface IMenuOption {\n  label: string;\n  id?: any;\n  faIcon?: any;\n  disabled?: boolean;\n}\n\n/**\n * Display a drop-down menu button. A menu of the specified options will be displayed when the button is pressed. The menu will be hidden\n * when the button is pressed again, or an option is selected.\n */\n@Component({\n  tag: 'verdocs-dropdown',\n  styleUrl: 'verdocs-dropdown.scss',\n})\nexport class VerdocsDropdown {\n  private dropdownButton?: HTMLButtonElement;\n  private dropdownMenu?: HTMLDivElement;\n  private popper?: Instance;\n\n  /**\n   * The menu options to display.\n   */\n  @Prop() options: IMenuOption[] = [];\n\n  /**\n   * If set, the component will be open by default. This is primarily intended to be used for testing.\n   */\n  @Prop() open: boolean;\n\n  /**\n   * If set, the component will be open by default.\n   */\n  @State() isOpen: boolean;\n\n  /**\n   * Event fired when a menu option is clicked.\n   * Web Component events need to be \"composed\" to cross the Shadow DOM and be received by parent frameworks.\n   */\n  @Event({composed: true}) optionSelected: EventEmitter<IMenuOption>;\n\n  componentWillLoad() {\n    this.isOpen = !!this.open;\n  }\n\n  componentDidLoad() {\n    this.popper = createPopper(this.dropdownButton, this.dropdownMenu, {placement: 'bottom-start', modifiers: [{name: 'offset', options: {offset: [0, 6]}}]});\n  }\n\n  handleSelectOption(option: IMenuOption) {\n    this.isOpen = false;\n    this.optionSelected.emit(option);\n    this.hide();\n  }\n\n  // See https://popper.js.org/docs/v2/tutorial/\n  // What we're doing here is clearing event listeners when they aren't needed, to increase performance in lists\n  showDropdown() {\n    this.isOpen = true;\n    this.dropdownMenu.setAttribute('data-show', '');\n    this.dropdownMenu.removeAttribute('aria-hidden');\n\n    this.popper?.setOptions(options => ({\n      ...options,\n      modifiers: [...options.modifiers, {name: 'eventListeners', enabled: true}],\n    }));\n\n    this.popper?.update();\n  }\n\n  handleHideDropdown(e: any) {\n    if (e?.target?.localName === 'button' && e?.target?.className === 'arrow') {\n      // This event is fired when a menu element is clicked because the button \"loses focus\" then too\n      return;\n    }\n\n    this.hide();\n  }\n\n  toggleDropdown() {\n    if (this.isOpen) {\n      this.hide();\n    } else {\n      this.showDropdown();\n    }\n  }\n\n  hide() {\n    this.isOpen = false;\n    this.dropdownMenu.removeAttribute('data-show');\n    this.dropdownMenu.setAttribute('aria-hidden', 'true');\n    this.popper?.setOptions(options => ({\n      ...options,\n      modifiers: [...options.modifiers, {name: 'eventListeners', enabled: false}],\n    }));\n  }\n\n  render() {\n    return (\n      <Host class={{storybook: !!window?.['STORYBOOK_ENV'], open: !!this.isOpen}}>\n        <button\n          class=\"arrow\"\n          innerHTML={SortDown}\n          aria-label=\"Open Menu\"\n          onClick={() => this.toggleDropdown()}\n          onBlur={e => this.handleHideDropdown(e)}\n          ref={el => (this.dropdownButton = el as HTMLButtonElement)}\n        />\n\n        <div class=\"items\" aria-hidden={!this.open} ref={el => (this.dropdownMenu = el as HTMLDivElement)}>\n          {this.options?.map(option => (\n            <button onClick={() => this.handleSelectOption(option)} class=\"option\" disabled={option.disabled}>\n              {option.label}\n            </button>\n          ))}\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/controls/verdocs-dropdown/verdocs-dropdown.stories.js

@@ -28,3 +28,4 @@ export default {
 };
 // See https://lit-html.polymer-project.org/guide/template-reference "Binding Types" for an explanation of '.' vs '@'
 export const DropdownMenu = ({ options, optionSelected }) => html `<verdocs-dropdown .options=${options} @optionSelected=${optionSelected} />`;
+//# sourceMappingURL=verdocs-dropdown.stories.js.map

package/dist/collection/components/controls/verdocs-dropdown/verdocs-dropdown.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"verdocs-dropdown.stories.js","sourceRoot":"","sources":["../../../../src/components/controls/verdocs-dropdown/verdocs-dropdown.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,UAAU,CAAC;AAG9B,qIAAqI;AACrI,sIAAsI;AACtI,8FAA8F;AAE9F,6HAA6H;AAC7H,kIAAkI;AAClI,wBAAwB;AAExB,eAAe;EACb,iDAAiD;EACjD,KAAK,EAAE,wBAAwB;EAC/B,iDAAiD;EACjD,SAAS,EAAE,kBAAkB;EAC7B,+DAA+D;EAC/D,IAAI,EAAE;IACJ,OAAO,EAAE,CAAC,EAAC,KAAK,EAAE,UAAU,EAAC,EAAE,EAAC,KAAK,EAAE,iBAAiB,EAAE,QAAQ,EAAE,IAAI,EAAC,EAAE,EAAC,KAAK,EAAE,UAAU,EAAC,CAAC;GAChG;EACD,kIAAkI;EAClI,gDAAgD;EAChD,QAAQ,EAAE;IACR,cAAc,EAAE;MACd,MAAM,EAAE,gBAAgB;MACxB,0EAA0E;MAC1E,KAAK,EAAE;QACL,OAAO,EAAE,IAAI;OACd;KACF;GACF;CACM,CAAC;AAEV,qHAAqH;AACrH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAAC,OAAO,EAAE,cAAc,EAAC,EAAE,EAAE,CAAC,IAAI,CAAA,8BAA8B,OAAO,oBAAoB,cAAc,KAAK,CAAC","sourcesContent":["import {html} from 'lit-html';\nimport {Meta} from '@storybook/web-components';\n\n// This component is heavily commented so it can be used as a reference for developing other components. Please use the comments here\n// as a guide / resource, but do not copy them to new components (so we don't create a maintenance hassle). If you copy this component\n// as a template, clean up all the comments in the copy, so this remains the \"main reference\".\n\n// We are using a custom doc generator specifically for Web Components. We use \"inline docs\" to get documentation out of code\n// comments rather than having to use separate README files. See https://www.npmjs.com/package/@pxtrn/storybook-addon-docs-stencil\n// for more information.\n\nexport default {\n  // Where in Storybook this control will be listed\n  title: 'Controls/Dropdown Menu',\n  // Hint to help the docs addon find the component\n  component: 'verdocs-dropdown',\n  // We can apply default args only shown in Storybook as follows\n  args: {\n    options: [{label: 'Option 1'}, {label: 'Disabled Option', disabled: true}, {label: 'Option 2'}],\n  },\n  // Here we can apply overrides to component property documentation. Note that we don't need to (and shouldn't) specify every field\n  // here. Only those that need special attention.\n  argTypes: {\n    optionSelected: {\n      action: 'optionSelected',\n      // Prevents a duplicate event entry from appearing in the properties table\n      table: {\n        disable: true,\n      },\n    },\n  },\n} as Meta;\n\n// See https://lit-html.polymer-project.org/guide/template-reference \"Binding Types\" for an explanation of '.' vs '@'\nexport const DropdownMenu = ({options, optionSelected}) => html`<verdocs-dropdown .options=${options} @optionSelected=${optionSelected} />`;\n"]}

package/dist/collection/components/controls/verdocs-loader/verdocs-loader.js

@@ -14,3 +14,4 @@ export class VerdocsLoader {
     "$": ["verdocs-loader.css"]
   }; }
 }
+//# sourceMappingURL=verdocs-loader.js.map

package/dist/collection/components/controls/verdocs-loader/verdocs-loader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"verdocs-loader.js","sourceRoot":"","sources":["../../../../src/components/controls/verdocs-loader/verdocs-loader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,CAAC,EAAE,IAAI,EAAC,MAAM,eAAe,CAAC;AAEjD;;GAEG;AAMH,MAAM,OAAO,aAAa;EACxB,MAAM;IACJ,OAAO,EAAC,IAAI,OAAG,CAAC;EAClB,CAAC;;;;;;;;CACF","sourcesContent":["import {Component, h, Host} from '@stencil/core';\n\n/**\n * Animated loader placeholder. There are currently no configuration options for this control.\n */\n@Component({\n  tag: 'verdocs-loader',\n  styleUrl: 'verdocs-loader.scss',\n  shadow: false,\n})\nexport class VerdocsLoader {\n  render() {\n    return <Host />;\n  }\n}\n"]}

package/dist/collection/components/controls/verdocs-loader/verdocs-loader.stories.js

@@ -6,3 +6,4 @@ export default {
   argTypes: {},
 };
 export const Loader = ({}) => html `<verdocs-loader />`;
+//# sourceMappingURL=verdocs-loader.stories.js.map

package/dist/collection/components/controls/verdocs-loader/verdocs-loader.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"verdocs-loader.stories.js","sourceRoot":"","sources":["../../../../src/components/controls/verdocs-loader/verdocs-loader.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,UAAU,CAAC;AAG9B,eAAe;EACb,KAAK,EAAE,iBAAiB;EACxB,SAAS,EAAE,gBAAgB;EAC3B,IAAI,EAAE,EAAE;EACR,QAAQ,EAAE,EAAE;CACL,CAAC;AAEV,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EAAE,EAAE,EAAE,CAAC,IAAI,CAAA,oBAAoB,CAAC","sourcesContent":["import {html} from 'lit-html';\nimport {Meta} from '@storybook/web-components';\n\nexport default {\n  title: 'Controls/Loader',\n  component: 'verdocs-loader',\n  args: {},\n  argTypes: {},\n} as Meta;\n\nexport const Loader = ({}) => html`<verdocs-loader />`;\n"]}

package/dist/collection/components/controls/verdocs-organization-card/verdocs-organization-card.js

@@ -58,3 +58,4 @@ export class VerdocsOrganizationCard {
     }
   }; }
 }
+//# sourceMappingURL=verdocs-organization-card.js.map

package/dist/collection/components/controls/verdocs-organization-card/verdocs-organization-card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"verdocs-organization-card.js","sourceRoot":"","sources":["../../../../src/components/controls/verdocs-organization-card/verdocs-organization-card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAC,MAAM,eAAe,CAAC;AAEvD,OAAO,SAAS,MAAM,kBAAkB,CAAC;AAEzC;;GAEG;AAKH,MAAM,OAAO,uBAAuB;EAMlC,MAAM;IACJ,OAAO,CAAC,GAAG,CAAC,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,YAAY,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC;IAC/D,OAAO,CACL,EAAC,IAAI;MACH,YAAM,KAAK,EAAC,MAAM,EAAC,SAAS,EAAE,SAAS,GAAI;MAE3C,YAAM,KAAK,EAAC,SAAS,IAAE,IAAI,CAAC,YAAY,CAAC,IAAI,CAAQ;MAErD,WAAK,KAAK,EAAC,OAAO;QAChB,WAAK,KAAK,EAAC,cAAc;UACvB,YAAM,KAAK,EAAC,QAAQ,GAAG;UACvB,YAAM,KAAK,EAAC,OAAO,IAAE,IAAI,CAAC,YAAY,CAAC,IAAI,CAAQ,CAC/C;QACN,WAAK,KAAK,EAAC,YAAY;UACrB,YAAM,KAAK,EAAC,QAAQ;YAClB,sBAAa;;YAAE,YAAY,CACtB;UACP,YAAM,KAAK,EAAC,WAAW;YACrB,yBAAgB;kBACX;UACP,YAAM,KAAK,EAAC,SAAS;YACnB,uBAAc,CACT;UACP,YAAM,KAAK,EAAC,WAAW;YACrB,yBAAgB;iBACX;UACP,yCAAmC,CAC/B,CACF,CACD,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Prop, h, Host} from '@stencil/core';\nimport {IOrganization} from '@verdocs/js-sdk/Organizations/Types';\nimport UserGroup from './user-group.svg';\n\n/**\n * Display a pop-up describing the company that was hovered over\n */\n@Component({\n  tag: 'verdocs-organization-card',\n  styleUrl: 'verdocs-organization-card.scss',\n})\nexport class VerdocsOrganizationCard {\n  /**\n   * The organization to display\n   */\n  @Prop() organization: IOrganization;\n\n  render() {\n    console.log('org', JSON.stringify(this.organization, null, 2));\n    return (\n      <Host>\n        <span class=\"icon\" innerHTML={UserGroup} />\n\n        <span class=\"content\">{this.organization.name}</span>\n\n        <div class=\"popup\">\n          <div class=\"popup-header\">\n            <span class=\"status\" />\n            <span class=\"title\">{this.organization.name}</span>\n          </div>\n          <div class=\"popup-body\">\n            <span class=\"joined\">\n              <b>Joined</b> {'Jan 1 2022'}\n            </span>\n            <span class=\"followers\">\n              <b>Followers</b> 57\n            </span>\n            <span class=\"website\">\n              <b>Website</b>\n            </span>\n            <span class=\"templates\">\n              <b>Templates</b> 7\n            </span>\n            <span>https://www.google.com</span>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/controls/verdocs-organization-card/verdocs-organization-card.stories.js

@@ -20,3 +20,4 @@ export default {
   argTypes: {},
 };
 export const OrganizationCard = ({ organization }) => html `<verdocs-organization-card .organization=${organization} />`;
+//# sourceMappingURL=verdocs-organization-card.stories.js.map

package/dist/collection/components/controls/verdocs-organization-card/verdocs-organization-card.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"verdocs-organization-card.stories.js","sourceRoot":"","sources":["../../../../src/components/controls/verdocs-organization-card/verdocs-organization-card.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,IAAI,EAAC,MAAM,UAAU,CAAC;AAG9B,MAAM,gBAAgB,GAAG;EACvB,EAAE,EAAE,GAAG;EACP,IAAI,EAAE,mBAAmB;EACzB,OAAO,EAAE,IAAI;EACb,KAAK,EAAE,IAAI;EACX,aAAa,EAAE,IAAI;EACnB,WAAW,EAAE,IAAI;EACjB,QAAQ,EAAE,IAAI;EACd,aAAa,EAAE,IAAI;EACnB,QAAQ,EAAE,IAAI;EACd,oBAAoB,EAAE,KAAK;CACX,CAAC;AAEnB,eAAe;EACb,KAAK,EAAE,4BAA4B;EACnC,SAAS,EAAE,2BAA2B;EACtC,IAAI,EAAE;IACJ,YAAY,EAAE,gBAAgB;GAC/B;EACD,QAAQ,EAAE,EAAE;CACL,CAAC;AAEV,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAAC,YAAY,EAAC,EAAE,EAAE,CAAC,IAAI,CAAA,4CAA4C,YAAY,KAAK,CAAC","sourcesContent":["import {Meta} from '@storybook/web-components';\nimport {html} from 'lit-html';\nimport {IOrganization} from '@verdocs/js-sdk/Organizations/Types';\n\nconst MockOrganization = {\n  id: '3',\n  name: 'ACME Widgets, LLC',\n  address: null,\n  phone: null,\n  business_name: null,\n  is_business: true,\n  address2: null,\n  contact_email: null,\n  timezone: null,\n  envelope_responsible: false,\n} as IOrganization;\n\nexport default {\n  title: 'Controls/Organization Card',\n  component: 'verdocs-organization-card',\n  args: {\n    organization: MockOrganization,\n  },\n  argTypes: {},\n} as Meta;\n\nexport const OrganizationCard = ({organization}) => html`<verdocs-organization-card .organization=${organization} />`;\n"]}

package/dist/collection/components/controls/verdocs-status-indicator/recipient-flow.js

@@ -216,3 +216,4 @@ export function RecipientFlow() {
     update,
   };
 }
+//# sourceMappingURL=recipient-flow.js.map

package/dist/collection/components/controls/verdocs-status-indicator/recipient-flow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"recipient-flow.js","sourceRoot":"","sources":["../../../../src/components/controls/verdocs-status-indicator/recipient-flow.ts"],"names":[],"mappings":"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","sourcesContent":["import {SVG} from '@svgdotjs/svg.js';\n\n// Source: workflow-svg.js project. Adapted to not be an external requirement to make it easier for the builder to work.\nexport function RecipientFlow() {\n  let _json = {entities: []} as Record<string, any>;\n  let _draw;\n  let _lines = [];\n\n  function initalize(id, width, height) {\n    _draw = SVG().addTo(id).size(width, height);\n\n    _draw.entities = [];\n    _draw.lines = _draw.group();\n    _draw.labels = _draw.group();\n  }\n\n  function _renderEntities(_draw, entity) {\n    const group = _draw.group().attr({id: entity.id});\n    _draw.entities.push(group);\n\n    //assginment and default values for entities\n    entity.background_color = entity.background_color ? entity.background_color : '#f06';\n    entity.color = entity.color ? entity.color : '#ffffff';\n    entity.radius = entity.radius ? entity.radius : 0;\n\n    //the real entity\n    group.entity = group\n      .rect(entity.width, entity.height)\n      .cx(entity.width / 2)\n      .cy(entity.height / 2)\n      .attr({fill: '#ffffff', stroke: entity.color, ['stroke-width']: 2})\n      .radius(entity.radius);\n\n    if (entity.class) {\n      group.entity.attr('class', entity.class);\n    }\n\n    group\n      .plain(entity.text)\n      .cx(14)\n      .cy(entity.height / 2 + 6)\n      .attr({fill: entity.color});\n\n    group.move(entity.x, entity.y);\n  }\n\n  function _renderLabels() {\n    if (_json.labels && _json.labels.length > 0) {\n      _json.labels.forEach(l => {\n        _draw.labels.text(l.value).x(l.x).y(l.y);\n      });\n    }\n  }\n\n  function _renderPolylines(_draw, _lines) {\n    _lines.forEach(line => _renderOnePolyline(_draw, line));\n  }\n\n  function _renderOnePolyline(_draw, line) {\n    let polyline = '';\n\n    const line_color = line.color || '#4c56cb';\n    const from = _draw.findOne('#' + line.from.element);\n    const to = _draw.findOne('#' + line.to.element);\n    const pointsInBetween = _calculatePointsInBetween(line, from, to);\n\n    //start point\n    polyline += _calculateX(from, line.from.point) + ',' + _calculateY(from, line.from.point) + ' ';\n\n    // points between them\n    pointsInBetween.forEach(p => (polyline += p.x + ',' + p.y + ' '));\n\n    if (line.to.point === 'top') {\n      polyline += _calculateX(to, line.to.point) + ',' + _calculateY(to, line.to.point) + ' ';\n    } else if (line.to.point === 'bottom') {\n      polyline += _calculateX(to, line.to.point) + ',' + _calculateY(to, line.to.point) + ' ';\n    } else {\n      polyline += _calculateX(to, line.to.point) + ',' + _calculateY(to, line.to.point) + ' ';\n    }\n\n    if (!line.polyline) {\n      line.polyline = _draw.lines.polyline(polyline).fill('none').stroke({color: line_color, width: 2, linecap: 'round', linejoin: 'round'}).attr('id', line.id);\n    } else {\n      line.polyline.plot(polyline);\n    }\n  }\n\n  function _calculatePointsInBetween(line, from, to) {\n    const pointsInBetween = [];\n\n    const y1 = _calculateY(from, line.from.point);\n    const y2 = _calculateY(to, line.to.point);\n    const x1 = _calculateX(from, line.from.point);\n    const x2 = _calculateX(to, line.to.point);\n\n    const p1 = _translatePositionToNumber(line.from.point);\n    const p2 = _translatePositionToNumber(line.to.point);\n    const code = p1 - p2;\n\n    // same position\n    if (code === 0) {\n      if (line.from.point === 'top') {\n        if (y1 <= y2) {\n          pointsInBetween.push({x: x1, y: y1 - 20});\n          pointsInBetween.push({x: x2, y: y1 - 20});\n        } else {\n          pointsInBetween.push({x: x1, y: y2 - 20});\n          pointsInBetween.push({x: x2, y: y2 - 20});\n        }\n      } else if (line.from.point === 'bottom') {\n        if (y1 <= y2) {\n          pointsInBetween.push({x: x1, y: y2 + 20});\n          pointsInBetween.push({x: x2, y: y2 + 20});\n        } else {\n          pointsInBetween.push({x: x1, y: y1 + 20});\n          pointsInBetween.push({x: x2, y: y1 + 20});\n        }\n      } else {\n        if (x1 <= x2) {\n          pointsInBetween.push({x: x2 + 20, y: y1});\n          pointsInBetween.push({x: x2 + 20, y: y2});\n        } else {\n          pointsInBetween.push({x: x1 + 20, y: y1});\n          pointsInBetween.push({x: x1 + 20, y: y2});\n        }\n      }\n    }\n\n    // on the opposite site\n    if (code === 2 || code === -2) {\n      // top or bottom\n      if (x1 !== x2) {\n        pointsInBetween.push({x: x1, y: y2 + (y1 - y2) / 2});\n        pointsInBetween.push({x: x2, y: y2 + (y1 - y2) / 2});\n      }\n    }\n\n    // corner cases\n    if (code === 1 || code === -1 || code === 3 || code === -3) {\n      if (line.from.point === 'top') {\n        if (y1 < y2 + 20) {\n          pointsInBetween.push({x: x1, y: y1 - 20});\n          pointsInBetween.push({x: x2 + 20, y: y1 - 20});\n          pointsInBetween.push({x: x2 + 20, y: y2});\n        } else {\n          pointsInBetween.push({x: x1, y: y2});\n        }\n      }\n\n      if (line.from.point === 'bottom') {\n        if (y1 > y2 - 20) {\n          pointsInBetween.push({x: x1, y: y1 + 20});\n          pointsInBetween.push({x: x2 + 20, y: y1 + 20});\n          pointsInBetween.push({x: x2 + 20, y: y2});\n        } else {\n          pointsInBetween.push({x: x1, y: y2});\n        }\n      }\n    }\n\n    return pointsInBetween;\n  }\n\n  function _translatePositionToNumber(position) {\n    switch (position) {\n      case 'top':\n        return 0;\n      case 'bottom':\n        return 2;\n      default:\n        return 3;\n    }\n  }\n\n  function _calculateX(group, position) {\n    const width = group.entity.attr('width');\n    const x = group.entity.attr('x');\n\n    switch (position) {\n      case 'top':\n      case 'bottom':\n        return x + width / 2;\n      default:\n        return x - width / 2;\n    }\n  }\n\n  function _calculateY(group, position) {\n    const height = group.entity.attr('height');\n    const y = group.entity.attr('y');\n\n    switch (position) {\n      case 'top':\n        return y;\n      case 'bottom':\n        return y + height;\n      default:\n        return y;\n    }\n  }\n\n  function _update() {\n    //clean up\n    _draw.entities.forEach(entity => entity.remove());\n    _draw.entities = [];\n\n    _lines = [];\n\n    // default values\n    if (!_json.labels) {\n      _json.labels = [];\n    }\n\n    _json.labels = _json.labels.map(l => {\n      return {\n        id: l.id,\n        value: l.value ? l.value : '',\n        x: l.x ? l.x : 0,\n        y: l.y ? l.y : 0,\n        color: l.color ? l.color : 'black',\n      };\n    });\n\n    _json.entities.map(entity => {\n      entity.type = entity.type ? entity.type : 'entity';\n\n      if (entity.type === 'operation') {\n        entity.height = entity.width;\n      }\n    });\n\n    _renderLabels();\n\n    _json.entities.forEach(entity => _renderEntities(_draw, entity));\n    _lines = _json.lines; // needed to have no circular dependencies\n\n    _renderPolylines(_draw, _lines);\n  }\n\n  function update(json) {\n    _json = json;\n    _update();\n  }\n\n  return {\n    initalize,\n    update,\n  };\n}\n"]}

package/dist/collection/components/controls/verdocs-status-indicator/verdocs-status-indicator.js

@@ -342,3 +342,4 @@ export class VerdocsStatusIndicator {
     "recipientStatusIcons": {}
   }; }
 }
+//# sourceMappingURL=verdocs-status-indicator.js.map

package/dist/collection/components/controls/verdocs-status-indicator/verdocs-status-indicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"verdocs-status-indicator.js","sourceRoot":"","sources":["../../../../src/components/controls/verdocs-status-indicator/verdocs-status-indicator.tsx"],"names":[],"mappings":"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","sourcesContent":["import {RecipientFlow} from './recipient-flow';\nimport {createPopper, Instance} from '@popperjs/core';\nimport {Component, Prop, Host, h, State} from '@stencil/core';\nimport {IDocument, TDocumentStatus, TRecipientStatus} from '@verdocs/js-sdk/Documents/Documents';\nimport AcceptedLight from './accepted-light.svg';\nimport AcceptedDark from './accepted-dark.svg';\nimport CanceledLight from './canceled-light.svg';\nimport CanceledDark from './canceled-dark.svg';\nimport CompletedLight from './complete-light.svg';\nimport CompletedDark from './complete-dark.svg';\nimport DeclinedLight from './declined-light.svg';\nimport DeclinedDark from './declined-dark.svg';\nimport InProgressLight from './in-progress-light.svg';\nimport InProgressDark from './in-progress-dark.svg';\nimport OpenedLight from './opened-light.svg';\nimport OpenedDark from './opened-dark.svg';\nimport PendingLight from './pending-light.svg';\nimport PendingDark from './pending-dark.svg';\nimport SignedLight from './signed-light.svg';\nimport SignedDark from './signed-dark.svg';\nimport SomeSignedLight from './some-signed-light.svg';\nimport SomeSignedDark from './some-signed-dark.svg';\nimport SubmittedLight from './submitted-light.svg';\nimport SubmittedDark from './submitted-dark.svg';\n\nconst ENTRY_WIDTH = 140;\nconst ENTRY_HEIGHT = 40;\nconst ENTRY_PADDING = 40;\n\n/**\n * Displays an icon and message describing a document's completion status. For convenience, the status may be passed in either\n * directly as a status field or the whole document object may be passed in.\n *\n * If the document is provided, the status flag will indicate the document's overall status. This also makes the component clickable\n * to display a popup panel with per-recipient status data.\n *\n * If the status is provided as a string it can be either a `TRecipientStatus` or `TDocumentStatus` value.\n */\n@Component({\n  tag: 'verdocs-status-indicator',\n  styleUrl: 'verdocs-status-indicator.scss',\n})\nexport class VerdocsStatusIndicator {\n  private summaryComponent?: HTMLButtonElement;\n  private detailPanel?: HTMLDivElement;\n  private popper?: Instance;\n\n  /**\n   * The size (height) of the indicator. The small variant is suitable for use in densely populated components such as table rows.\n   */\n  @Prop() size: 'small' | 'normal' = 'normal';\n\n  /**\n   * The theme to use for diplay.\n   */\n  @Prop() theme?: 'dark' | 'light' = 'light';\n\n  /**\n   * The status to display.\n   */\n  // The accepted override is here because we don't actually have an official status for that yet, but we plan to add it\n  @Prop() status?: TDocumentStatus | TRecipientStatus | 'accepted';\n\n  /**\n   * The document to display status for. Ignored if `status` is set directly.\n   */\n  @Prop() document?: IDocument;\n\n  @State() isOpen: boolean;\n\n  @State() recipientStatusIcons = [];\n\n  componentDidLoad() {\n    this.popper = createPopper(this.summaryComponent, this.detailPanel, {placement: 'bottom-start', modifiers: [{name: 'offset', options: {offset: [0, 10]}}]});\n\n    if (this.document?.recipients) {\n      const recipientsAtLevel = [];\n      this.document.recipients.forEach(recipient => {\n        const level = recipient.sequence - 1;\n        recipientsAtLevel[level] ||= [];\n        const id = `r-${level}-${recipientsAtLevel[level].length}`;\n        recipientsAtLevel[level].push({...recipient, id});\n      });\n\n      const levelCount = Object.keys(recipientsAtLevel).length;\n\n      const canvasHeight = levelCount * ENTRY_HEIGHT + (levelCount + 1) * ENTRY_PADDING;\n      let canvasWidth = 0;\n      Object.values(recipientsAtLevel).forEach(recipients => {\n        let minW = recipients.length * ENTRY_WIDTH + (recipients.length + 1) * ENTRY_PADDING;\n        if (minW > canvasWidth) {\n          canvasWidth = minW;\n        }\n      });\n\n      const entities = [];\n      const lines = [];\n      const statusIcons = [];\n\n      let y = ENTRY_PADDING;\n      Object.entries(recipientsAtLevel).forEach(([level, recipients]) => {\n        // To center align here, we figure out how many items are per line and how much leftover space there would be if we just\n        // drew them left-to-right. We add half of that as a left offset.\n        const renderedItemsWidth = recipients.length * (ENTRY_WIDTH + ENTRY_PADDING);\n        const leftoverSpace = canvasWidth - renderedItemsWidth;\n        const leftOffset = ENTRY_PADDING / 2 + leftoverSpace / 2;\n\n        recipients.forEach((recipient, index) => {\n          const [first, last] = (recipient.full_name || 'Unknown').toUpperCase().split(' ');\n          const name = `${first} ${last?.substring(0, 1)}`;\n          const entity = {\n            id: recipient.id,\n            text: name,\n            icon: this.getStatusIcon(recipient.status),\n            x: index * (ENTRY_WIDTH + ENTRY_PADDING) + leftOffset,\n            y,\n            width: ENTRY_WIDTH,\n            height: ENTRY_HEIGHT,\n            color: this.getStatusColor(recipient.status),\n            radius: 8,\n          };\n          entities.push(entity);\n\n          statusIcons.push({\n            icon: this.getStatusIcon(recipient.status),\n            x: index * (ENTRY_WIDTH + ENTRY_PADDING) + leftOffset + (ENTRY_WIDTH - 32),\n            y: y + ENTRY_HEIGHT / 2 - 13,\n          });\n\n          recipientsAtLevel[+level - 1]?.forEach(prevRecip => {\n            const line = {\n              id: `line-${prevRecip.id}-${entity.id}`,\n              from: {element: prevRecip.id, point: 'bottom'},\n              to: {element: entity.id, point: 'top'},\n              color: this.getStatusColor(recipient.status),\n            };\n            lines.push(line);\n          });\n        });\n\n        y += ENTRY_HEIGHT + ENTRY_PADDING;\n      });\n\n      this.recipientStatusIcons = statusIcons;\n\n      const diagram = RecipientFlow();\n      diagram.initalize('#verdocs-recipient-status-diagram', canvasWidth, canvasHeight);\n      diagram.update({entities, lines});\n    }\n  }\n\n  // See https://popper.js.org/docs/v2/tutorial/\n  // What we're doing here is clearing event listeners when they aren't needed, to increase performance in lists\n  showDropdown() {\n    this.isOpen = true;\n    this.detailPanel.setAttribute('data-show', '');\n    this.detailPanel.removeAttribute('aria-hidden');\n\n    this.popper?.setOptions(options => ({\n      ...options,\n      modifiers: [...options.modifiers, {name: 'eventListeners', enabled: true}],\n    }));\n\n    this.popper?.update();\n  }\n\n  handleHideDropdown(e: any) {\n    if (e?.target?.localName === 'button' && e?.target?.className === 'arrow') {\n      // This event is fired when a menu element is clicked because the button \"loses focus\" then too\n      return;\n    }\n\n    this.hide();\n  }\n\n  toggleDropdown() {\n    if (this.isOpen) {\n      this.hide();\n    } else {\n      this.showDropdown();\n    }\n  }\n\n  hide() {\n    this.isOpen = false;\n    this.detailPanel.removeAttribute('data-show');\n    this.detailPanel.setAttribute('aria-hidden', 'true');\n    this.popper?.setOptions(options => ({\n      ...options,\n      modifiers: [...options.modifiers, {name: 'eventListeners', enabled: false}],\n    }));\n  }\n\n  getStatusColor(status: string) {\n    switch (status) {\n      case 'invited':\n      case 'opened':\n      case 'accepted':\n      case 'signed':\n        return '#654dcb';\n      case 'some-signed':\n      case 'submitted':\n      case 'complete':\n        return '#55bc81';\n      case 'declined':\n        return '#ff0000';\n      case 'canceled':\n      case 'in progress':\n      case 'pending':\n      default:\n        return '#999999';\n    }\n  }\n\n  getStatusIcon(status: string) {\n    switch (status) {\n      case 'accepted':\n        return this.theme === 'light' ? AcceptedLight : AcceptedDark;\n      case 'complete':\n        return this.theme === 'light' ? CompletedLight : CompletedDark;\n      case 'in progress':\n        return this.theme === 'light' ? InProgressLight : InProgressDark;\n      case 'canceled':\n        return this.theme === 'light' ? CanceledLight : CanceledDark;\n      case 'declined':\n        return this.theme === 'light' ? DeclinedLight : DeclinedDark;\n      case 'invited':\n        return this.theme === 'light' ? InProgressLight : InProgressDark;\n      case 'opened':\n        return this.theme === 'light' ? OpenedLight : OpenedDark;\n      case 'signed':\n        return this.theme === 'light' ? SignedLight : SignedDark;\n      case 'submitted':\n        return this.theme === 'light' ? SubmittedLight : SubmittedDark;\n      case 'some-signed':\n        return this.theme === 'light' ? SomeSignedLight : SomeSignedDark;\n      default:\n      case 'pending':\n        return this.theme === 'light' ? PendingLight : PendingDark;\n    }\n  }\n\n  getStatusMessage(status: string) {\n    switch (status) {\n      case 'accepted':\n        return 'Accepted';\n      case 'complete':\n        return 'Completed';\n      case 'in progress':\n        return 'In Progress';\n      case 'canceled':\n        return 'Cancelled';\n      case 'declined':\n        return 'Declined';\n      case 'invited':\n        return 'Invited';\n      case 'opened':\n        return 'Opened';\n      case 'signed':\n        return 'Signed';\n      case 'submitted':\n        return 'Submitted';\n      case 'some-signed':\n        return 'Partly Signed';\n      default:\n      case 'pending':\n        return 'Pending';\n    }\n  }\n\n  render() {\n    // The extra fallback for accepted is to future proof for when we add that.\n    let status: string = this.status || this.document?.status || 'pending' || 'accepted';\n    if (!this.status && this.document?.recipients) {\n      const submittedRecipients = this.document.recipients.filter(r => r.status === 'submitted');\n      if (submittedRecipients.length > 0 && submittedRecipients.length !== this.document.recipients.length) {\n        status = 'some-signed';\n      }\n    }\n\n    const icon = this.getStatusIcon(status);\n    const statusMessage = this.getStatusMessage(status);\n\n    return (\n      <Host\n        ref={el => (this.summaryComponent = el as HTMLButtonElement)}\n        class={`${this.theme} ${this.size} ${this.document ? 'has-document' : ''}`}\n        aria-label=\"Click to View Details\"\n        onClick={() => this.document && this.toggleDropdown()}\n        onBlur={e => this.document && this.handleHideDropdown(e)}\n      >\n        <span class=\"icon\" innerHTML={icon} />\n        <span class=\"content\">{statusMessage}</span>\n\n        <div class=\"detail-panel\" ref={el => (this.detailPanel = el as HTMLDivElement)}>\n          <div id=\"verdocs-recipient-status-diagram\" />\n          {this.recipientStatusIcons.map(icon => (\n            <span innerHTML={icon.icon} style={{position: 'absolute', top: `${icon.y}px`, left: `${icon.x}px`}} />\n          ))}\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/controls/verdocs-status-indicator/verdocs-status-indicator.stories.js

@@ -67,3 +67,4 @@ export default {
   },
 };
 export const StatusIndicator = ({ theme, size, status, document }) => html `<verdocs-status-indicator .theme="${theme}" .size="${size}" .status="${status}" .document="${document}" />`;
+//# sourceMappingURL=verdocs-status-indicator.stories.js.map

package/dist/collection/components/controls/verdocs-status-indicator/verdocs-status-indicator.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"verdocs-status-indicator.stories.js","sourceRoot":"","sources":["../../../../src/components/controls/verdocs-status-indicator/verdocs-status-indicator.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,IAAI,EAAC,MAAM,UAAU,CAAC;AAE9B,MAAM,cAAc,GAAG;EACrB,gGAAgG;EAChG,EAAE,EAAE,MAAM;EACV,MAAM,EAAE,UAAU;EAClB,UAAU,EAAE;IACV,EAAC,SAAS,EAAE,cAAc,EAAE,MAAM,EAAE,WAAW,EAAE,SAAS,EAAE,YAAY,EAAE,QAAQ,EAAE,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAC;IACtG,EAAC,SAAS,EAAE,aAAa,EAAE,MAAM,EAAE,WAAW,EAAE,SAAS,EAAE,aAAa,EAAE,QAAQ,EAAE,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAC;IACtG,EAAC,SAAS,EAAE,aAAa,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,cAAc,EAAE,QAAQ,EAAE,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAC;IACpG,EAAC,SAAS,EAAE,gBAAgB,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,cAAc,EAAE,QAAQ,EAAE,CAAC,EAAE,IAAI,EAAE,UAAU,EAAC;GAC3G;CACF,CAAC;AAEF,eAAe;EACb,KAAK,EAAE,2BAA2B;EAClC,SAAS,EAAE,0BAA0B;EACrC,IAAI,EAAE;IACJ,QAAQ,EAAE,CAAC;IACX,MAAM,EAAE,UAAU;IAClB,KAAK,EAAE,OAAO;IACd,IAAI,EAAE,QAAQ;GACf;EACD,QAAQ,EAAE;IACR,QAAQ,EAAE;MACR,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;MACf,OAAO,EAAE,EAAC,CAAC,EAAE,cAAc,EAAE,CAAC,EAAE,IAAI,EAAC;MACrC,OAAO,EAAE;QACP,IAAI,EAAE,QAAQ;QACd,MAAM,EAAE;UACN,CAAC,EAAE,iBAAiB;UACpB,CAAC,EAAE,SAAS;SACb;OACF;KACF;IACD,MAAM,EAAE;MACN,YAAY,EAAE,EAAE;MAChB,OAAO,EAAE,CAAC,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,aAAa,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,WAAW,CAAC;MAClI,OAAO,EAAE;QACP,CAAC,EAAE,IAAI;QACP,UAAU,EAAE,UAAU;QACtB,SAAS,EAAE,SAAS;QACpB,aAAa,EAAE,aAAa;QAC5B,UAAU,EAAE,UAAU;QACtB,UAAU,EAAE,UAAU;QACtB,SAAS,EAAE,SAAS;QACpB,QAAQ,EAAE,QAAQ;QAClB,UAAU,EAAE,UAAU;QACtB,QAAQ,EAAE,QAAQ;QAClB,WAAW,EAAE,WAAW;OACzB;MACD,OAAO,EAAE;QACP,IAAI,EAAE,QAAQ;QACd,MAAM,EAAE;UACN,CAAC,EAAE,SAAS;UACZ,UAAU,EAAE,UAAU;UACtB,SAAS,EAAE,SAAS;UACpB,aAAa,EAAE,aAAa;UAC5B,UAAU,EAAE,UAAU;UACtB,UAAU,EAAE,UAAU;UACtB,SAAS,EAAE,SAAS;UACpB,QAAQ,EAAE,QAAQ;UAClB,UAAU,EAAE,UAAU;UACtB,QAAQ,EAAE,QAAQ;UAClB,WAAW,EAAE,WAAW;SACzB;OACF;KACF;GACF;CACM,CAAC;AAEV,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAC,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAC,EAAE,EAAE,CACjE,IAAI,CAAA,qCAAqC,KAAK,YAAY,IAAI,cAAc,MAAM,gBAAgB,QAAQ,MAAM,CAAC","sourcesContent":["import {Meta} from '@storybook/web-components';\nimport {html} from 'lit-html';\n\nconst SampleDocument = {\n  // Skipping non-essential fields 9that the widget doesn't care about). But this is an IDocument.\n  id: '1234',\n  status: 'complete',\n  recipients: [\n    {role_name: 'Tax Preparer', status: 'submitted', full_name: 'Bill Board', sequence: 1, type: 'signer'},\n    {role_name: 'Recipient 1', status: 'submitted', full_name: 'Ante Bellum', sequence: 2, type: 'signer'},\n    {role_name: 'Recipient 2', status: 'opened', full_name: 'Sarah Bellum', sequence: 2, type: 'signer'},\n    {role_name: 'Office Manager', status: 'pending', full_name: 'Paige Turner', sequence: 3, type: 'approver'},\n  ],\n};\n\nexport default {\n  title: 'Controls/Status Indicator',\n  component: 'verdocs-status-indicator',\n  args: {\n    document: 0,\n    status: 'complete',\n    theme: 'light',\n    size: 'normal',\n  },\n  argTypes: {\n    document: {\n      options: [0, 1],\n      mapping: {0: SampleDocument, 1: null},\n      control: {\n        type: 'select',\n        labels: {\n          0: 'Sample Document',\n          1: 'Not Set',\n        },\n      },\n    },\n    status: {\n      defaultValue: '',\n      options: [0, 'complete', 'pending', 'in progress', 'declined', 'canceled', 'invited', 'opened', 'accepted', 'signed', 'submitted'],\n      mapping: {\n        0: null,\n        'complete': 'complete',\n        'pending': 'pending',\n        'in progress': 'in progress',\n        'declined': 'declined',\n        'canceled': 'canceled',\n        'invited': 'invited',\n        'opened': 'opened',\n        'accepted': 'accepted',\n        'signed': 'signed',\n        'submitted': 'submitted',\n      },\n      control: {\n        type: 'select',\n        labels: {\n          0: 'Not Set',\n          'complete': 'Complete',\n          'pending': 'Pending',\n          'in progress': 'In Progress',\n          'declined': 'Declined',\n          'canceled': 'Canceled',\n          'invited': 'Invited',\n          'opened': 'Opened',\n          'accepted': 'Accepted',\n          'signed': 'Signed',\n          'submitted': 'Submitted',\n        },\n      },\n    },\n  },\n} as Meta;\n\nexport const StatusIndicator = ({theme, size, status, document}) =>\n  html`<verdocs-status-indicator .theme=\"${theme}\" .size=\"${size}\" .status=\"${status}\" .document=\"${document}\" />`;\n"]}

package/dist/collection/components/controls/verdocs-template-card/verdocs-template-card.js

@@ -56,3 +56,4 @@ export class VerdocsTemplateCard {
     }
   }; }
 }
+//# sourceMappingURL=verdocs-template-card.js.map

package/dist/collection/components/controls/verdocs-template-card/verdocs-template-card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"verdocs-template-card.js","sourceRoot":"","sources":["../../../../src/components/controls/verdocs-template-card/verdocs-template-card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAC,MAAM,eAAe,CAAC;AAEvD,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,SAAS,MAAM,aAAa,CAAC;AACpC,OAAO,SAAS,MAAM,aAAa,CAAC;AACpC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC;;GAEG;AAMH,MAAM,OAAO,mBAAmB;EAM9B,MAAM;;IACJ,OAAO,CACL,EAAC,IAAI;MACH,WAAK,GAAG,EAAE,CAAA,MAAA,MAAA,IAAI,CAAC,QAAQ,0CAAE,iBAAiB,0CAAE,aAAa,KAAI,EAAE,EAAE,GAAG,EAAC,oBAAoB,EAAC,KAAK,EAAC,WAAW,GAAG;MAE9G,YAAM,KAAK,EAAC,MAAM,IAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAQ;MAC9C,YAAM,KAAK,EAAC,UAAU,IAAE,CAAA,MAAA,IAAI,CAAC,QAAQ,CAAC,YAAY,0CAAE,IAAI,KAAI,QAAQ,CAAQ;MAE5E,aAAM;MAEN,WAAK,KAAK,EAAC,UAAU;QACnB,WAAK,KAAK,EAAC,SAAS;UAClB,YAAM,KAAK,EAAC,MAAM,EAAC,SAAS,EAAE,QAAQ,GAAI;UAC1C,YAAM,KAAK,EAAC,OAAO,IAAE,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAQ,CACnD;QAEN,WAAK,KAAK,EAAC,mBAAmB;UAC5B,YAAM,KAAK,EAAC,MAAM,EAAC,SAAS,EAAE,SAAS,GAAI;UAC3C,YAAM,KAAK,EAAC,OAAO,IAAE,CAAA,MAAA,MAAA,IAAI,CAAC,QAAQ,0CAAE,iBAAiB,0CAAE,YAAY,KAAI,CAAC,CAAQ,CAC5E;QAEN,WAAK,KAAK,EAAC,mBAAmB;UAC5B,YAAM,KAAK,EAAC,MAAM,EAAC,SAAS,EAAE,SAAS,GAAI;UAC3C,YAAM,KAAK,EAAC,OAAO,IAAE,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAQ,CAC9C;QAEN,YAAM,KAAK,EAAC,qBAAqB,EAAC,SAAS,EAAE,WAAW,GAAI,CACxD,CACD,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Prop, h, Host} from '@stencil/core';\nimport {ITemplate} from '@verdocs/js-sdk/Templates/Types';\nimport ActionsIcon from './actions.svg';\nimport EmailIcon from './email.svg';\nimport PagesIcon from './pages.svg';\nimport StarIcon from './star.svg';\n\n/**\n * Displays a summary of a template\n */\n@Component({\n  tag: 'verdocs-template-card',\n  styleUrl: 'verdocs-template-card.scss',\n  shadow: false,\n})\nexport class VerdocsTemplateCard {\n  /**\n   * The template for which the card will be rendered.\n   */\n  @Prop() template: ITemplate;\n\n  render() {\n    return (\n      <Host>\n        <img src={this.template?.template_document?.thumbnail_url || ''} alt=\"Template Thumbnail\" class=\"thumbnail\" />\n\n        <span class=\"name\">{this.template.name}</span>\n        <span class=\"org-name\">{this.template.organization?.name || 'Public'}</span>\n\n        <hr />\n\n        <div class=\"controls\">\n          <div class=\"control\">\n            <span class=\"icon\" innerHTML={StarIcon} />\n            <span class=\"value\">{this.template.star_counter}</span>\n          </div>\n\n          <div class=\"control secondary\">\n            <span class=\"icon\" innerHTML={PagesIcon} />\n            <span class=\"value\">{this.template?.template_document?.page_numbers || 1}</span>\n          </div>\n\n          <div class=\"control secondary\">\n            <span class=\"icon\" innerHTML={EmailIcon} />\n            <span class=\"value\">{this.template.counter}</span>\n          </div>\n\n          <span class=\"additional-controls\" innerHTML={ActionsIcon} />\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/controls/verdocs-template-card/verdocs-template-card.stories.js

@@ -47,3 +47,4 @@ export default {
   argTypes: {},
 };
 export const TemplateCard = ({ template }) => html `<verdocs-template-card .template=${template} />`;
+//# sourceMappingURL=verdocs-template-card.stories.js.map

package/dist/collection/components/controls/verdocs-template-card/verdocs-template-card.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"verdocs-template-card.stories.js","sourceRoot":"","sources":["../../../../src/components/controls/verdocs-template-card/verdocs-template-card.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,UAAU,CAAC;AAK9B,MAAM,YAAY,GAAG;EACnB,OAAO,EAAE,CAAC;EACV,YAAY,EAAE,EAAE;EAChB,IAAI,EAAE,cAAc;EACpB,EAAE,EAAE,GAAG;EACP,UAAU,EAAE,GAAG;EACf,UAAU,EAAE,sBAAsB;EAClC,UAAU,EAAE,sBAAsB;EAClC,YAAY,EAAE,sBAAsB;EACpC,eAAe,EAAE,GAAG;EACpB,WAAW,EAAE,KAAK;EAClB,SAAS,EAAE,IAAI;EACf,MAAM,EAAE,SAAS;EACjB,WAAW,EAAE,cAAc;EAE3B,0DAA0D;EAC1D,YAAY,EAAE;IACZ,EAAE,EAAE,GAAG;IACP,IAAI,EAAE,mBAAmB;IACzB,OAAO,EAAE,IAAI;IACb,KAAK,EAAE,IAAI;IACX,aAAa,EAAE,IAAI;IACnB,WAAW,EAAE,IAAI;IACjB,QAAQ,EAAE,IAAI;IACd,aAAa,EAAE,IAAI;IACnB,QAAQ,EAAE,IAAI;IACd,oBAAoB,EAAE,KAAK;GACX;EAElB,iBAAiB,EAAE;IACjB,GAAG,EAAE,KAAK;IACV,IAAI,EAAE,cAAc;IACpB,YAAY,EAAE,CAAC;IACf,EAAE,EAAE,GAAG;IACP,UAAU,EAAE,sBAAsB;IAClC,UAAU,EAAE,sBAAsB;IAClC,WAAW,EAAE,GAAG;IAChB,IAAI,EAAE,iBAAiB;IACvB,aAAa,EAAE,2GAA2G;GAC3H;CACW,CAAC;AAEf,eAAe;EACb,KAAK,EAAE,wBAAwB;EAC/B,SAAS,EAAE,uBAAuB;EAClC,IAAI,EAAE;IACJ,QAAQ,EAAE,YAAY;GACvB;EACD,QAAQ,EAAE,EAAE;CACL,CAAC;AAEV,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAAC,QAAQ,EAAC,EAAE,EAAE,CAAC,IAAI,CAAA,oCAAoC,QAAQ,KAAK,CAAC","sourcesContent":["import {html} from 'lit-html';\nimport {Meta} from '@storybook/web-components';\nimport {IOrganization} from '@verdocs/js-sdk/Organizations/Types';\nimport {ITemplate} from '@verdocs/js-sdk/Templates/Types';\n\nconst MockTemplate = {\n  counter: 2,\n  star_counter: 10,\n  name: 'IRS Form I-9',\n  id: '1',\n  profile_id: '2',\n  created_at: '2021-11-14T13:57:21Z',\n  updated_at: '2021-11-14T13:57:21Z',\n  last_used_at: '2021-11-14T13:57:21Z',\n  organization_id: '3',\n  is_personal: false,\n  is_public: true,\n  sender: 'creator',\n  description: 'IRS Form I-9',\n\n  // TODO: These fields need to be added to the API response\n  organization: {\n    id: '3',\n    name: 'ACME Widgets, LLC',\n    address: null,\n    phone: null,\n    business_name: null,\n    is_business: true,\n    address2: null,\n    contact_email: null,\n    timezone: null,\n    envelope_responsible: false,\n  } as IOrganization,\n\n  template_document: {\n    url: 'url',\n    name: 'IRS Form I-9',\n    page_numbers: 3,\n    id: '4',\n    updated_at: '2021-11-14T13:57:21Z',\n    created_at: '2021-11-14T13:57:21Z',\n    template_id: '1',\n    mime: 'application/pdf',\n    thumbnail_url: 'https://verdocs.com/en/wp-content/uploads/2021/12/Screen-Shot-2021-12-30-at-2.26.08-PM-e1640892536786.png',\n  },\n} as ITemplate;\n\nexport default {\n  title: 'Controls/Template Card',\n  component: 'verdocs-template-card',\n  args: {\n    template: MockTemplate,\n  },\n  argTypes: {},\n} as Meta;\n\nexport const TemplateCard = ({template}) => html`<verdocs-template-card .template=${template} />`;\n"]}

package/dist/collection/components/controls/verdocs-template-tags/verdocs-template-tags.js

@@ -32,3 +32,4 @@ export class VerdocsTemplateTags {
     }
   }; }
 }
+//# sourceMappingURL=verdocs-template-tags.js.map

package/dist/collection/components/controls/verdocs-template-tags/verdocs-template-tags.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"verdocs-template-tags.js","sourceRoot":"","sources":["../../../../src/components/controls/verdocs-template-tags/verdocs-template-tags.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAC,MAAM,eAAe,CAAC;AAEvD;;GAEG;AAKH,MAAM,OAAO,mBAAmB;EAM9B,MAAM;;IACJ,OAAO,CACL,EAAC,IAAI,QACF,MAAA,IAAI,CAAC,IAAI,0CAAE,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,CACrB,gBAAO,GAAG,CAAQ,CACnB,CAAC,CACG,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Prop, h, Host} from '@stencil/core';\n\n/**\n * Displays a message listing a template's tags.\n */\n@Component({\n  tag: 'verdocs-template-tags',\n  styleUrl: 'verdocs-template-tags.scss',\n})\nexport class VerdocsTemplateTags {\n  /**\n   * The tags to display\n   */\n  @Prop() tags: any[];\n\n  render() {\n    return (\n      <Host>\n        {this.tags?.map(tag => (\n          <span>{tag}</span>\n        ))}\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/controls/verdocs-template-tags/verdocs-template-tags.stories.js

@@ -8,3 +8,4 @@ export default {
   argTypes: {},
 };
 export const TemplateTags = ({ tags, theme }) => html `<verdocs-template-tags .tags="${tags}" .theme="${theme}" />`;
+//# sourceMappingURL=verdocs-template-tags.stories.js.map

package/dist/collection/components/controls/verdocs-template-tags/verdocs-template-tags.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"verdocs-template-tags.stories.js","sourceRoot":"","sources":["../../../../src/components/controls/verdocs-template-tags/verdocs-template-tags.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,IAAI,EAAC,MAAM,UAAU,CAAC;AAE9B,eAAe;EACb,KAAK,EAAE,wBAAwB;EAC/B,SAAS,EAAE,uBAAuB;EAClC,IAAI,EAAE;IACJ,IAAI,EAAE,CAAC,aAAa,EAAE,OAAO,EAAE,KAAK,CAAC;GACtC;EACD,QAAQ,EAAE,EAAE;CACL,CAAC;AAEV,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAAC,IAAI,EAAE,KAAK,EAAC,EAAE,EAAE,CAAC,IAAI,CAAA,iCAAiC,IAAI,aAAa,KAAK,MAAM,CAAC","sourcesContent":["import {Meta} from '@storybook/web-components';\nimport {html} from 'lit-html';\n\nexport default {\n  title: 'Controls/Template Tags',\n  component: 'verdocs-template-tags',\n  args: {\n    tags: ['contractors', 'taxes', 'irs'],\n  },\n  argTypes: {},\n} as Meta;\n\nexport const TemplateTags = ({tags, theme}) => html`<verdocs-template-tags .tags=\"${tags}\" .theme=\"${theme}\" />`;\n"]}

package/dist/collection/components/controls/verdocs-text-input/test/verdocs-text-input.js

@@ -6,3 +6,4 @@ describe('verdocs-text-input', () => {
     await page.compareScreenshot('Closed', { fullPage: false });
   });
 });
+//# sourceMappingURL=verdocs-text-input.js.map

package/dist/collection/components/controls/verdocs-text-input/test/verdocs-text-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"verdocs-text-input.js","sourceRoot":"","sources":["../../../../../src/components/controls/verdocs-text-input/test/verdocs-text-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,uBAAuB,CAAC;AAEjD,QAAQ,CAAC,oBAAoB,EAAE,GAAG,EAAE;EAClC,EAAE,CAAC,uCAAuC,EAAE,KAAK,IAAI,EAAE;IACrD,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAChC,MAAM,IAAI,CAAC,UAAU,CAAC,2CAA2C,CAAC,CAAC;IACnE,MAAM,IAAI,CAAC,iBAAiB,CAAC,QAAQ,EAAE,EAAC,QAAQ,EAAE,KAAK,EAAC,CAAC,CAAC;EAC5D,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import {newE2EPage} from '@stencil/core/testing';\n\ndescribe('verdocs-text-input', () => {\n  it('renders a placeholder with no options', async () => {\n    const page = await newE2EPage();\n    await page.setContent('<verdocs-text-input></verdocs-text-input>');\n    await page.compareScreenshot('Closed', {fullPage: false});\n  });\n});\n"]}

package/dist/collection/components/controls/verdocs-text-input/verdocs-text-input.js

@@ -222,3 +222,4 @@ export class VerdocsTextInput {
       }
     }]; }
 }
+//# sourceMappingURL=verdocs-text-input.js.map

package/dist/collection/components/controls/verdocs-text-input/verdocs-text-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"verdocs-text-input.js","sourceRoot":"","sources":["../../../../src/components/controls/verdocs-text-input/verdocs-text-input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,EAAe,MAAM,eAAe,CAAC;AAEnF;;;;;;GAMG;AAKH,MAAM,OAAO,gBAAgB;EAJ7B;IAKE;;OAEG;IACK,UAAK,GAAW,EAAE,CAAC;IAE3B;;OAEG;IACK,UAAK,GAAW,EAAE,CAAC;IAE3B;;OAEG;IACK,gBAAW,GAAW,EAAE,CAAC;IAEjC;;OAEG;IACK,iBAAY,GAAW,EAAE,CAAC;IAElC;;;OAGG;IACK,SAAI,GAAwE,MAAM,CAAC;IAE3F;;OAEG;IACK,aAAQ,GAAY,KAAK,CAAC;IAEzB,WAAM,GAAW,EAAE,CAAC;GAwD9B;EAvCC,iBAAiB;IACf,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC;EAC3B,CAAC;EAED,gBAAgB,KAAI,CAAC;EAErB,WAAW,CAAC,KAAK;IACf,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;IACjC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;EACpC,CAAC;EAED,WAAW,CAAC,KAAK;IACf,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;EAC9B,CAAC;EAED,UAAU,CAAC,KAAK;IACd,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;EAC7B,CAAC;EAED,MAAM;IACJ,OAAO,CACL,EAAC,IAAI,IAAC,KAAK,EAAC,aAAa;MACvB;QACG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,WAAK,KAAK,EAAC,aAAa,IAAE,IAAI,CAAC,KAAK,GAAG,GAAG,CAAO,CAAC,CAAC,CAAC,cAAO;QACzE,aACE,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,YAAY,EAAE,IAAI,CAAC,YAAY,EAC/B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,KAAK,EAAE,IAAI,CAAC,MAAM,EAClB,KAAK,EAAC,eAAe,EACrB,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,EACzC,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,EACzC,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,GACvC,CACI,CACH,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Prop, State, Event, Host, h, EventEmitter} from '@stencil/core';\n\n/**\n * Display a text input field. This is just a standard HTML input field with minimal markup to fit the\n * visual styles of the other components. Bear in mind Stencil does not currently support emitting events\n * with the same names as native DOM events, so rather than `input` or `blur` we have `tinput`, `tblur`,\n * etc. We used a temporary prefix here to mark this as a temporary API, because we hope this will change\n * in a future Stencil release. See https://github.com/ionic-team/stencil/issues/2822.\n */\n@Component({\n  tag: 'verdocs-text-input',\n  styleUrl: 'verdocs-text-input.scss',\n})\nexport class VerdocsTextInput {\n  /**\n   * The value for the input field.\n   */\n  @Prop() value: string = '';\n\n  /**\n   * The label for the field.\n   */\n  @Prop() label: string = '';\n\n  /**\n   * The placeholder for the field.\n   */\n  @Prop() placeholder: string = '';\n\n  /**\n   * If desired, the autocomplete attribute to set.\n   */\n  @Prop() autocomplete: string = '';\n\n  /**\n   * The type of field to render. Only text-type fields are allowed here for the current styling. Additional types\n   * (e.g. a date picker) will be supported by other controls in the future.\n   */\n  @Prop() type: 'text' | 'password' | 'email' | 'number' | 'search' | 'tel' | 'url' = 'text';\n\n  /**\n   * Should the field be disabled?\n   */\n  @Prop() disabled: boolean = false;\n\n  @State() _value: string = '';\n\n  /**\n   * Event fired when the input value changes.\n   */\n  @Event({composed: true}) fieldInput: EventEmitter<string>;\n\n  /**\n   * Event fired when the field receives focus.\n   */\n  @Event({composed: true}) fieldFocus: EventEmitter;\n\n  /**\n   * Event fired when the field loses focus.\n   */\n  @Event({composed: true}) fieldBlur: EventEmitter;\n\n  componentWillLoad() {\n    this._value = this.value;\n  }\n\n  componentDidLoad() {}\n\n  handleInput(event) {\n    this._value = event.target.value;\n    this.fieldInput.emit(this._value);\n  }\n\n  handleFocus(event) {\n    this.fieldFocus.emit(event);\n  }\n\n  handleBlur(event) {\n    this.fieldBlur.emit(event);\n  }\n\n  render() {\n    return (\n      <Host class=\"input-field\">\n        <label>\n          {this.label ? <div class=\"input-label\">{this.label + ':'}</div> : <div />}\n          <input\n            type={this.type}\n            placeholder={this.placeholder}\n            autoComplete={this.autocomplete}\n            disabled={this.disabled}\n            value={this._value}\n            class=\"input-element\"\n            onInput={event => this.handleInput(event)}\n            onFocus={event => this.handleFocus(event)}\n            onBlur={event => this.handleBlur(event)}\n          />\n        </label>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/controls/verdocs-text-input/verdocs-text-input.stories.js

@@ -29,3 +29,4 @@ export default {
   },
 };
 export const TextInput = ({ type, label, value, placeholder, disabled, tinput, tfocus, tblur }) => html `<verdocs-text-input .type=${type} .label=${label} .placeholder=${placeholder} .value=${value} .disabled=${disabled} @tinput=${tinput} @tfocus=${tfocus} @tblur=${tblur} />`;
+//# sourceMappingURL=verdocs-text-input.stories.js.map

package/dist/collection/components/controls/verdocs-text-input/verdocs-text-input.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"verdocs-text-input.stories.js","sourceRoot":"","sources":["../../../../src/components/controls/verdocs-text-input/verdocs-text-input.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,UAAU,CAAC;AAG9B,eAAe;EACb,KAAK,EAAE,qBAAqB;EAC5B,SAAS,EAAE,oBAAoB;EAC/B,IAAI,EAAE;IACJ,KAAK,EAAE,MAAM;IACb,KAAK,EAAE,EAAE;IACT,WAAW,EAAE,oBAAoB;GAClC;EACD,QAAQ,EAAE;IACR,MAAM,EAAE;MACN,MAAM,EAAE,QAAQ;MAChB,KAAK,EAAE;QACL,OAAO,EAAE,IAAI;OACd;KACF;IACD,MAAM,EAAE;MACN,MAAM,EAAE,QAAQ;MAChB,KAAK,EAAE;QACL,OAAO,EAAE,IAAI;OACd;KACF;IACD,KAAK,EAAE;MACL,MAAM,EAAE,OAAO;MACf,KAAK,EAAE;QACL,OAAO,EAAE,IAAI;OACd;KACF;GACF;CACM,CAAC;AAEV,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAC,EAAE,EAAE,CAC9F,IAAI,CAAA,6BAA6B,IAAI,WAAW,KAAK,iBAAiB,WAAW,WAAW,KAAK,cAAc,QAAQ,YAAY,MAAM,YAAY,MAAM,WAAW,KAAK,KAAK,CAAC","sourcesContent":["import {html} from 'lit-html';\nimport {Meta} from '@storybook/web-components';\n\nexport default {\n  title: 'Controls/Text Input',\n  component: 'verdocs-text-input',\n  args: {\n    label: 'Name',\n    value: '',\n    placeholder: 'Enter your name...',\n  },\n  argTypes: {\n    tinput: {\n      action: 'tinput',\n      table: {\n        disable: true,\n      },\n    },\n    tfocus: {\n      action: 'tfocus',\n      table: {\n        disable: true,\n      },\n    },\n    tblur: {\n      action: 'tblur',\n      table: {\n        disable: true,\n      },\n    },\n  },\n} as Meta;\n\nexport const TextInput = ({type, label, value, placeholder, disabled, tinput, tfocus, tblur}) =>\n  html`<verdocs-text-input .type=${type} .label=${label} .placeholder=${placeholder} .value=${value} .disabled=${disabled} @tinput=${tinput} @tfocus=${tfocus} @tblur=${tblur} />`;\n"]}

package/dist/collection/components/controls/verdocs-toggle/verdocs-toggle.js

@@ -82,3 +82,4 @@ export class VerdocsToggle {
       "passive": false
     }]; }
 }
+//# sourceMappingURL=verdocs-toggle.js.map

package/dist/collection/components/controls/verdocs-toggle/verdocs-toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"verdocs-toggle.js","sourceRoot":"","sources":["../../../../src/components/controls/verdocs-toggle/verdocs-toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,EAAC,MAAM,eAAe,CAAC;AAazD;;;;;;GAMG;AAKH,MAAM,OAAO,aAAa;EAgBxB,WAAW,CAAC,KAAK;IACf,KAAK,CAAC,cAAc,EAAE,CAAC;IACvB,IAAI,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC;IAC7B,IAAI,SAAS,CAAC,OAAO,CAAC,qBAAqB,CAAC,EAAE;MAC5C,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC;MACpC,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,CAAC;MACxC,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE;QACzE,OAAO,KAAK,KAAK,OAAO,CAAC;MAC3B,CAAC,CAAC,CAAC;MACH,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAY,EAAE,EAAE;QAC5B,OAAO,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;MAC9C,CAAC,CAAC,CAAC;MACH,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,QAAQ,CAAC,UAAU,CAAC,EAAE;QAC3C,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;OACnC;KACF;EACH,CAAC;EAED,MAAM;IACJ,OAAO,CACL,WAAK,KAAK,EAAC,WAAW;MACpB,YAAM,KAAK,EAAC,OAAO,IAAE,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,CAAQ;MACrD,WAAK,KAAK,EAAC,SAAS,IACjB,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAgB,EAAE,KAAa,EAAE,EAAE,CAAC,CAC7D,cAAQ,EAAE,EAAE,MAAM,CAAC,EAAE,EAAE,GAAG,EAAE,MAAM,CAAC,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,GAAI,CACpI,CAAC,CACE,CACF,CACP,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Prop, h, Listen} 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  @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 id={button.id} key={button.id} innerHTML={button.icon} class={index === this.options.defaultSelection ? 'selected' : ''} />\n          ))}\n        </div>\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/components/controls/verdocs-toggle/verdocs-toggle.stories.js

@@ -25,3 +25,4 @@ export default {
   // },
 };
 export const Toggle = ({ options, theme }) => html `<verdocs-toggle .options=${options} .theme=${theme}></verdocs-toggle>`;
+//# sourceMappingURL=verdocs-toggle.stories.js.map

package/dist/collection/components/controls/verdocs-toggle/verdocs-toggle.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"verdocs-toggle.stories.js","sourceRoot":"","sources":["../../../../src/components/controls/verdocs-toggle/verdocs-toggle.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,IAAI,EAAC,MAAM,UAAU,CAAC;AAE9B,MAAM,YAAY,GAAG;EACnB,KAAK,EAAE,SAAS;EAChB,gBAAgB,EAAE,CAAC;EACnB,OAAO,EAAE;IACP;MACE,EAAE,EAAE,WAAW;MACf,IAAI,EACF,yTAAyT;KAC5T;IACD;MACE,EAAE,EAAE,WAAW;MACf,IAAI,EACF,qaAAqa;KACxa;GACF;CACF,CAAC;AAEF,eAAe;EACb,KAAK,EAAE,iBAAiB;EACxB,SAAS,EAAE,gBAAgB;EAC3B,IAAI,EAAE;IACJ,OAAO,EAAE,YAAY;GACtB;EACD,cAAc;EACd,kDAAkD;EAClD,gGAAgG;EAChG,KAAK;CACE,CAAC;AAEV,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EAAC,OAAO,EAAE,KAAK,EAAC,EAAE,EAAE,CAAC,IAAI,CAAA,4BAA4B,OAAO,WAAW,KAAK,oBAAoB,CAAC","sourcesContent":["import {Meta} from '@storybook/web-components';\nimport {html} from 'lit-html';\n\nconst dummyOptions = {\n  label: 'View as',\n  defaultSelection: 1,\n  buttons: [\n    {\n      id: 'list-view',\n      icon:\n        '<svg xmlns=\"http://www.w3.org/2000/svg\" enable-background=\"new 0 0 24 24\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"#000000\"><rect fill=\"none\" height=\"24\" width=\"24\"/><path d=\"M3,5v14h18V5H3z M7,7v2H5V7H7z M5,13v-2h2v2H5z M5,15h2v2H5V15z M19,17H9v-2h10V17z M19,13H9v-2h10V13z M19,9H9V7h10V9z\"/></svg>',\n    },\n    {\n      id: 'grid-view',\n      icon:\n        '<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"#000000\"><path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M3 5v14h19V5H3zm17 4h-2.25V7H20v2zM9.25 11h2.25v2H9.25v-2zm-2 2H5v-2h2.25v2zm4.25-4H9.25V7h2.25v2zm2-2h2.25v2H13.5V7zm-2 8v2H9.25v-2h2.25zm2 0h2.25v2H13.5v-2zm0-2v-2h2.25v2H13.5zm4.25-2H20v2h-2.25v-2zM7.25 7v2H5V7h2.25zM5 15h2.25v2H5v-2zm12.75 2v-2H20v2h-2.25z\"/></svg>',\n    },\n  ],\n};\n\nexport default {\n  title: 'Controls/Toggle',\n  component: 'verdocs-toggle',\n  args: {\n    options: dummyOptions,\n  },\n  // argTypes: {\n  //   options: {type: 'object', control: 'object'},\n  //   theme: {type: 'string', control: 'radio', options:['light', 'dark'], defaultValue: 'light'}\n  // },\n} as Meta;\n\nexport const Toggle = ({options, theme}) => html`<verdocs-toggle .options=${options} .theme=${theme}></verdocs-toggle>`;\n"]}

package/dist/collection/components/dialogs/verdocs-initial-dialog/verdocs-initial-dialog.js

@@ -327,3 +327,4 @@ export class VerdocsInitialDialog {
       }
     }]; }
 }
+//# sourceMappingURL=verdocs-initial-dialog.js.map