@verdocs/web-sdk 1.0.25 → 1.4.0

package/dist/cjs/search-embed.cjs.entry.js

@@ -1,19 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-83ab34ef.js');
-
-const searchEmbedCss = ":host{display:block}";
-
-let SearchEmbed = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-  }
-  render() {
-    return (index.h(index.Host, null, index.h("slot", null)));
-  }
-};
-SearchEmbed.style = searchEmbedCss;
-
-exports.search_embed = SearchEmbed;

package/dist/cjs/search-quick-functions.cjs.entry.js

@@ -1,31 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-83ab34ef.js');
-
-const TemplateIcon = `<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"><g><rect fill="none" height="24" width="24"/><g><path d="M19,5v14H5V5H19 M19,3H5C3.9,3,3,3.9,3,5v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V5C21,3.9,20.1,3,19,3L19,3z"/></g><path d="M14,17H7v-2h7V17z M17,13H7v-2h10V13z M17,9H7V7h10V9z"/></g></svg>`;
-
-const DocumentIcon = `<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="M8 16h8v2H8zm0-4h8v2H8zm6-10H6c-1.1 0-2 .9-2 2v16c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm4 18H6V4h7v5h5v11z"/></svg>`;
-
-const searchQuickFunctionsCss = "search-quick-functions{font-family:sans-serif;font-family:var(--verdocs-font)}search-quick-functions .container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;width:240px;background-color:var(--verdocs-background-dark);text-transform:uppercase;padding:10px 10px 20px 10px;font-family:sans-serif;color:#ffffff}search-quick-functions .title{font-size:22px;font-weight:700;line-height:30px;margin:1em 0 40px 0}search-quick-functions button{width:140px;height:40px;border:none;display:-ms-flexbox;display:flex;color:#ffffff;cursor:pointer;font-size:14px;font-weight:700;line-height:25px;-ms-flex-align:center;align-items:center;margin-bottom:20px;border-radius:5px;text-transform:uppercase;-ms-flex-pack:space-evenly;justify-content:space-evenly;background-color:#50be50}search-quick-functions button svg{fill:#ffffff}";
-
-let SearchQuickFunctions = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.createTemplate = index.createEvent(this, "createTemplate", 7);
-    this.createDocument = index.createEvent(this, "createDocument", 7);
-  }
-  handleCreateTemplate() {
-    this.createTemplate.emit();
-  }
-  handleCreateDocument() {
-    this.createDocument.emit();
-  }
-  render() {
-    return (index.h(index.Host, null, index.h("div", { class: "container" }, index.h("p", { class: "title" }, "Quick Create"), index.h("button", { onClick: () => this.handleCreateTemplate(), innerHTML: TemplateIcon }, "Template"), index.h("button", { onClick: () => this.handleCreateDocument(), innerHTML: DocumentIcon }, "Document"))));
-  }
-};
-SearchQuickFunctions.style = searchQuickFunctionsCss;
-
-exports.search_quick_functions = SearchQuickFunctions;

package/dist/cjs/search-recent.cjs.entry.js

@@ -1,39 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-83ab34ef.js');
-const Content = require('./Content-e1c04dfa.js');
-
-const SearchIcon = `<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="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>`;
-
-const searchRecentCss = "search-recent{font-family:sans-serif;font-family:var(--verdocs-font)}search-recent .container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;width:240px;background-color:var(--verdocs-background-dark);text-transform:uppercase;padding:10px 10px 20px 10px;font-family:sans-serif;color:#ffffff}search-recent .title{font-size:22px;font-weight:700;line-height:30px}search-recent .items{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:start;align-items:flex-start;margin-top:20px}search-recent .button{background:transparent;border:none;height:20px;font-size:16px;font-family:sans-serif;color:#ffffff;line-height:26px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}search-recent .button:hover{cursor:pointer}search-recent .button:not(:last-child){margin-bottom:36px}search-recent .button svg{fill:#707ae5;width:28px;height:28px;margin-right:26px}search-recent .pill{font-size:14px;display:-ms-inline-flexbox;display:inline-flex;padding:3px 8px;border-radius:6px;margin-right:8px;background-color:#999999;color:#333}search-recent .empty{text-transform:none;line-height:22px;color:#ccc}";
-
-let SearchRecent = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.entrySelected = index.createEvent(this, "entrySelected", 7);
-    /**
-     * If set, limits the number of entries that will be shown. Note that there is a server-imposed limit of 20 entries
-     * that cannot currently be increased (only reduced).
-     */
-    this.limit = 10;
-    this.recent = [];
-  }
-  componentDidLoad() {
-    Content.getSearchHistory()
-      .then(r => {
-      this.recent = r.recent;
-    })
-      .catch(e => console.warn('[Verdocs/search-recent] Error getting search history', e));
-  }
-  handleSelectEntry(entry) {
-    this.entrySelected.emit(entry);
-  }
-  render() {
-    return (index.h(index.Host, null, index.h("div", { class: "container" }, index.h("p", { class: "title" }, "Recent Searches"), index.h("div", { class: "items" }, this.recent.slice(0, this.limit).map(entry => (index.h("button", { class: "button", innerHTML: SearchIcon, onClick: () => this.handleSelectEntry(entry) }, entry.params.q))), this.recent.length < 1 && index.h("div", { class: "empty" }, "You do not have any recent searches.")))));
-  }
-};
-SearchRecent.style = searchRecentCss;
-
-exports.search_recent = SearchRecent;

package/dist/cjs/search-saved.cjs.entry.js

@@ -1,39 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-83ab34ef.js');
-const Content = require('./Content-e1c04dfa.js');
-
-const SearchIcon = `<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="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>`;
-
-const searchSavedCss = "search-saved{font-family:sans-serif;font-family:var(--verdocs-font)}search-saved .container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;width:240px;background-color:var(--verdocs-background-dark);text-transform:uppercase;padding:10px 10px 20px 10px;font-family:sans-serif;color:#ffffff}search-saved .title{font-size:22px;font-weight:700;line-height:30px}search-saved .items{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:start;align-items:flex-start;margin-top:20px}search-saved .button{background:transparent;border:none;height:20px;font-size:16px;font-family:sans-serif;color:#ffffff;line-height:26px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}search-saved .button:hover{cursor:pointer}search-saved .button:not(:last-child){margin-bottom:36px}search-saved .button svg{fill:#707ae5;width:28px;height:28px;margin-right:26px}search-saved .empty{text-transform:none;line-height:22px;color:#ccc}";
-
-let SearchSaved = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.entrySelected = index.createEvent(this, "entrySelected", 7);
-    /**
-     * If set, limits the number of entries that will be shown. Note that there is a server-imposed limit of 20 entries
-     * that cannot currently be increased (only reduced).
-     */
-    this.limit = 10;
-    this.saved = [];
-  }
-  componentDidLoad() {
-    Content.getSearchHistory()
-      .then(r => {
-      this.saved = r.saved;
-    })
-      .catch(e => console.warn('[Verdocs/search-saved] Error getting search history', e));
-  }
-  handleSelectEntry(entry) {
-    this.entrySelected.emit(entry);
-  }
-  render() {
-    return (index.h(index.Host, null, index.h("div", { class: "container" }, index.h("p", { class: "title" }, "Saved Searches"), index.h("div", { class: "items" }, this.saved.slice(0, this.limit).map(entry => (index.h("button", { class: "button", innerHTML: SearchIcon, onClick: () => this.handleSelectEntry(entry) }, entry.name))), this.saved.length < 1 && index.h("div", { class: "empty" }, "You do not have any saved searches.")))));
-  }
-};
-SearchSaved.style = searchSavedCss;
-
-exports.search_saved = SearchSaved;

package/dist/cjs/search-starred.cjs.entry.js

@@ -1,46 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-83ab34ef.js');
-
-const DocumentIcon = `<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="M8 16h8v2H8zm0-4h8v2H8zm6-10H6c-1.1 0-2 .9-2 2v16c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm4 18H6V4h7v5h5v11z"/></svg>`;
-
-const searchStarredCss = "search-starred{font-family:sans-serif;font-family:var(--verdocs-font)}search-starred .container{display:-ms-flexbox;display:flex;width:240px;color:#ffffff;-ms-flex-direction:column;flex-direction:column;text-transform:uppercase;padding:10px 10px 20px 10px;background-color:var(--verdocs-background-dark)}search-starred .title{font-size:22px;font-weight:700;line-height:30px}search-starred .items{display:-ms-flexbox;display:flex;margin-top:20px;-ms-flex-direction:column;flex-direction:column}search-starred .item{border:none;display:-ms-flexbox;display:flex;text-align:left;margin-bottom:20px;-ms-flex-direction:row;flex-direction:row;background:transparent}search-starred .item:hover{cursor:pointer}search-starred .icon{-ms-flex:0 0 22px;flex:0 0 22px;margin-right:14px}search-starred .icon svg{fill:#707ae5;width:22px;height:22px}search-starred .details{display:-ms-flexbox;display:flex;overflow:hidden;-ms-flex-direction:column;flex-direction:column}search-starred .item-title{font-size:16px;font-weight:400;color:#ffffff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}search-starred .info{font-size:14px;font-weight:500;line-height:23px;color:#aeb4bf}search-starred .empty{text-transform:none;line-height:22px;color:#ccc}";
-
-let SearchStarred = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.entrySelected = index.createEvent(this, "entrySelected", 7);
-  }
-  handleSelectEntry(entry) {
-    this.entrySelected.emit(entry);
-  }
-  computePagesText(pages) {
-    if (pages < 2) {
-      return `${pages} Page`;
-    }
-    else {
-      return `${pages} Pages`;
-    }
-  }
-  computeRecipientsText(recipients) {
-    if (typeof recipients === 'object') {
-      return recipients.join(', ');
-    }
-    else if (recipients > 1) {
-      return `${recipients} Recipients`;
-    }
-    else {
-      return `${recipients} Recipient`;
-    }
-  }
-  render() {
-    var _a, _b;
-    return (index.h(index.Host, null, index.h("div", { class: "container" }, index.h("p", { class: "title" }, "My Starred Items"), index.h("div", { class: "items" }, (_a = this.options) === null || _a === void 0 ? void 0 :
-      _a.map(option => (index.h("button", { class: "item", onClick: () => this.handleSelectEntry(option) }, index.h("div", { class: "icon", innerHTML: DocumentIcon }), index.h("div", { class: "details" }, index.h("div", { class: "item-title" }, option.params.q), index.h("div", { class: "info" }, option.pages ? `${this.computePagesText(option.pages)} ` : '', option.recipients ? this.computeRecipientsText(option.recipients) : ''))))), (((_b = this.options) === null || _b === void 0 ? void 0 : _b.length) || []) < 1 && index.h("div", { class: "empty" }, "You do not have any starred items.")))));
-  }
-};
-SearchStarred.style = searchStarredCss;
-
-exports.search_starred = SearchStarred;

package/dist/cjs/search-tabs.cjs.entry.js

@@ -1,20 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-83ab34ef.js');
-
-const searchTabsCss = ":host{display:block}";
-
-let SearchTabs = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.selected = 'all';
-  }
-  render() {
-    return (index.h(index.Host, null, index.h("slot", null)));
-  }
-};
-SearchTabs.style = searchTabsCss;
-
-exports.search_tabs = SearchTabs;

package/dist/cjs/tags-indicator.cjs.entry.js

@@ -1,20 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-83ab34ef.js');
-
-const tagsIndicatorCss = "tags-indicator{font-family:sans-serif;font-family:var(--verdocs-font)}tags-indicator .container{width:270px;height:35px;background-color:#33364b;font-family:sans-serif;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start}tags-indicator .tags{display:-ms-inline-flexbox;display:inline-flex;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-preferred-size:content;flex-basis:content;padding:7px 12px;margin:0 5px;height:28px;background-color:#f4f4f9;text-transform:uppercase;font-size:12px;font-weight:700;color:#33374a;border-radius:5px;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}";
-
-let TagsIndicator = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-  }
-  render() {
-    var _a;
-    return (index.h("div", { class: "container" }, (_a = this.tags) === null || _a === void 0 ? void 0 : _a.map(tag => (index.h("span", { class: "tags" }, tag)))));
-  }
-};
-TagsIndicator.style = tagsIndicatorCss;
-
-exports.tags_indicator = TagsIndicator;

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

@@ -1,28 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-83ab34ef.js');
-
-const EmailIcon = `<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="M22 6c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6zm-2 0l-8 5-8-5h16zm0 12H4V8l8 5 8-5v10z"/></svg>`;
-
-const ActionsIcon = `<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="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"/></svg>`;
-
-const PagesIcon = `<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="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm-1 4H8c-1.1 0-1.99.9-1.99 2L6 21c0 1.1.89 2 1.99 2H19c1.1 0 2-.9 2-2V11l-6-6zM8 21V7h6v5h5v9H8z"/></svg>`;
-
-const StarIcon = `<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="M22 9.24l-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4l-3.76 2.27 1-4.28-3.32-2.88 4.38-.38L12 6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z"/></svg>`;
-
-const templateCardCss = "template-card{font-family:sans-serif;font-family:var(--verdocs-font)}template-card .container{height:640px;width:645px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;background-color:#ffffff;-webkit-box-shadow:2px 2px 5px rgba(51, 54, 75, 0.05);box-shadow:2px 2px 5px rgba(51, 54, 75, 0.05);padding:52px 50px 20px 50px}template-card .template-img{width:545px;height:315px;background-color:salmon;margin-bottom:22px}template-card .template-name{font-size:28px;font-family:sans-serif;font-weight:700;margin-bottom:13px}template-card .template-org-bname{font-size:24px;font-family:sans-serif;font-weight:700;margin-bottom:12px}template-card .template-org-name{margin-bottom:34px}template-card .template-org-name label{font-size:24px;font-family:sans-serif;font-weight:700;color:#666666}template-card hr{width:100%;margin-bottom:17px;color:#aeb4bf}template-card .template-controls{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-pack:justify;justify-content:space-between;text-align:center;font-size:21px}template-card .template-controls span:nth-child(-n+3){border-right:1px solid #adb6bd}template-card .template-controls svg{fill:#adb6bd;height:30px;width:30px;margin-bottom:-8px;margin-right:18px}template-card .additional-controls svg{margin-right:0}template-card .additional-controls{-ms-flex:1;flex:1}template-card .pages,template-card .star-counter,template-card .counter{-ms-flex:2;flex:2}";
-
-let TemplateCard = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-  }
-  render() {
-    return (index.h("div", { class: "container" }, index.h("div", { class: "template-img" }, index.h("img", { src: index.getAssetPath('template-card/dummy-image.png'), alt: "Dummy Image" })), index.h("span", { class: "template-name" }, this.template.name), index.h("span", { class: "template-org-bname" }, this.template.organization_business_name), index.h("div", { class: "template-org-name" }, index.h("input", { type: "checkbox", id: "org-name", name: "org-name", checked: true }), index.h("label", { htmlFor: "org-name" }, this.template.organization_name)), index.h("hr", null), index.h("div", { class: "template-controls" }, index.h("span", { class: "star-counter", innerHTML: StarIcon }, this.template.star_counter), index.h("span", { class: "pages", innerHTML: PagesIcon }, this.template.pages), index.h("span", { class: "counter", innerHTML: EmailIcon }, this.template.counter), index.h("span", { class: "additional-controls", innerHTML: ActionsIcon }))));
-  }
-  static get assetsDirs() { return ["template-card"]; }
-};
-TemplateCard.style = templateCardCss;
-
-exports.template_card = TemplateCard;

package/dist/cjs/toggle-icon-buttons.cjs.entry.js

@@ -1,32 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-83ab34ef.js');
-
-const toggleIconButtonsCss = "toggle-icon-buttons{font-family:sans-serif;font-family:var(--verdocs-font)}toggle-icon-buttons .container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;background-color:#f2f5fa}toggle-icon-buttons .label{font-size:24px;font-weight:700;color:#33364b;-ms-flex-item-align:center;align-self:center;margin-right:27px;font-family:sans-serif}toggle-icon-buttons .buttons{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap}toggle-icon-buttons .buttons button{width:60px;height:60px;border:2px solid #654dcb;border-radius:5px;cursor:pointer}toggle-icon-buttons .buttons button:not(:last-child){margin-right:11px}toggle-icon-buttons .buttons svg{width:30px;height:30px}toggle-icon-buttons .buttons button:hover{background-color:#654dcb;-webkit-transition:0.25s;transition:0.25s}toggle-icon-buttons .buttons button:hover svg{fill:#f2f5fa;-webkit-transition:0.25s;transition:0.25s}toggle-icon-buttons .selected{background-color:#707ae5;-webkit-transition:0.25s;transition:0.25s}toggle-icon-buttons .selected svg{fill:#ffffff;-webkit-transition:0.25s;transition:0.25s}";
-
-let ToggleIconButtons = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-  }
-  handleClick(event) {
-    event.preventDefault();
-    let container = event.target;
-    if (container.matches('toggle-icon-buttons')) {
-      container = event.target.shadowRoot;
-      const element = container.activeElement;
-      const siblings = Array.from(element.parentElement.children).filter((child) => { return child !== element; });
-      siblings.map((sibling) => { return sibling.classList.remove('selected'); });
-      if (!element.classList.contains('selected')) {
-        element.classList.add('selected');
-      }
-    }
-  }
-  render() {
-    return (index.h("div", { class: "container" }, index.h("span", { class: "label" }, `${this.options.label}:`), index.h("div", { class: "buttons" }, this.options.buttons.map((button, index$1) => (index.h("button", { id: button.id, key: button.id, innerHTML: button.icon, class: index$1 === this.options.defaultSelection ? 'selected' : '' }))))));
-  }
-};
-ToggleIconButtons.style = toggleIconButtonsCss;
-
-exports.toggle_icon_buttons = ToggleIconButtons;

package/dist/collection/api/endpoint.js

@@ -1 +0,0 @@
-let verdocs = null;

package/dist/collection/components/controls/document-status-indicator/cancelled-icon.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#ffffff"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zM4 12c0-4.42 3.58-8 8-8 1.85 0 3.55.63 4.9 1.69L5.69 16.9C4.63 15.55 4 13.85 4 12zm8 8c-1.85 0-3.55-.63-4.9-1.69L18.31 7.1C19.37 8.45 20 10.15 20 12c0 4.42-3.58 8-8 8z"/></svg>

package/dist/collection/components/controls/document-status-indicator/declined-icon.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#ffffff"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"/></svg>

package/dist/collection/components/controls/document-status-indicator/document-status-indicator.css

@@ -1,23 +0,0 @@
-document-status-indicator {
-  /* Fallback font for old browsers */
-  font-family: sans-serif;
-  font-family: var(--verdocs-font);
-}
-document-status-indicator .container {
-  width: 140px;
-  display: flex;
-  flex-direction: row;
-  flex-wrap: nowrap;
-  background-color: var(--verdocs-background-dark);
-  justify-content: center;
-  align-items: center;
-  font-size: 16px;
-  color: #ffffff;
-}
-document-status-indicator .icon {
-  margin-right: 8px;
-}
-document-status-indicator svg {
-  height: 20px;
-  width: 20px;
-}

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

@@ -1,70 +0,0 @@
-import { Component, Prop, h } from '@stencil/core';
-import CancelledIcon from './cancelled-icon.svg';
-import DeclinedIcon from './declined-icon.svg';
-import FinishedIcon from './finished-icon.svg';
-import PendingIcon from './pending-icon.svg';
-/**
- * Displays an icon and message describing a document's status of completion.
- */
-export class DocumentStatusIndicator {
-  render() {
-    let icon;
-    let statusMessage;
-    switch (this.status) {
-      case 'complete':
-        icon = FinishedIcon;
-        statusMessage = 'Complete';
-        break;
-      case 'pending':
-        icon = PendingIcon;
-        statusMessage = 'Pending';
-        break;
-      case 'in progress':
-        icon = PendingIcon;
-        statusMessage = 'In Progress';
-        break;
-      case 'canceled':
-        icon = CancelledIcon;
-        statusMessage = 'Cancelled';
-        break;
-      case 'declined':
-        icon = DeclinedIcon;
-        statusMessage = 'Declined';
-        break;
-    }
-    return (h("div", { class: "container" },
-      h("span", { class: "icon", innerHTML: icon }),
-      h("span", { class: "content" }, statusMessage)));
-  }
-  static get is() { return "document-status-indicator"; }
-  static get originalStyleUrls() { return {
-    "$": ["document-status-indicator.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["document-status-indicator.css"]
-  }; }
-  static get properties() { return {
-    "status": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "TDocumentStatus",
-        "resolved": "\"canceled\" | \"complete\" | \"declined\" | \"in progress\" | \"pending\"",
-        "references": {
-          "TDocumentStatus": {
-            "location": "import",
-            "path": "@verdocs/js-sdk/Documents/Documents"
-          }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The status to display"
-      },
-      "attribute": "status",
-      "reflect": false
-    }
-  }; }
-}

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

@@ -1,12 +0,0 @@
-import { html } from 'lit-html';
-export default {
-  title: 'Elements/Document Status Indicator',
-  component: 'document-status-indicator',
-  args: {
-    status: 'finished',
-  },
-  argTypes: {
-    status: { type: 'string', control: 'radio', options: ['complete', 'pending', 'in progress', 'declined', 'canceled'] },
-  },
-};
-export const Default = ({ status }) => html `<document-status-indicator .status="${status}"></document-status-indicator>`;

package/dist/collection/components/controls/document-status-indicator/finished-icon.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#ffffff"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z"/></svg>

package/dist/collection/components/controls/document-status-indicator/pending-icon.svg

@@ -1 +0,0 @@
-<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"><g><rect fill="none" height="24" width="24"/></g><g><g><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"/><circle cx="7" cy="12" r="1.5"/><circle cx="12" cy="12" r="1.5"/><circle cx="17" cy="12" r="1.5"/></g></g></svg>

package/dist/collection/components/controls/dropdown-menu/dropdown-menu.css

@@ -1,80 +0,0 @@
-dropdown-menu {
-  /* Fallback font for old browsers */
-  font-family: sans-serif;
-  font-family: var(--verdocs-font);
-}
-
-/*:host {*/
-/*  display: block;*/
-/*  position: relative;*/
-/*}*/
-/*:host([tall]) {*/
-/*  height: 160px;*/
-/*}*/
-dropdown-menu .arrow {
-  width: 32px;
-  height: 26px;
-  background: #fff;
-  border-radius: 4px;
-  align-items: center;
-  display: inline-flex;
-  border: 1px solid #ccc;
-  justify-content: center;
-}
-
-dropdown-menu .arrow svg {
-  fill: #50be80;
-  transition: 0.3s;
-}
-
-dropdown-menu .items {
-  width: 200px;
-  display: none;
-  border-radius: 5px;
-  background: #33364b;
-  border: 1px solid #654dcb;
-}
-
-dropdown-menu .items[data-show] {
-  display: block;
-}
-
-dropdown-menu .option {
-  width: 100%;
-  color: #fff;
-  border: none;
-  display: block;
-  text-align: left;
-  background: none;
-  padding: 10px 20px;
-}
-
-dropdown-menu .option:hover {
-  cursor: pointer;
-  background: #50be80;
-}
-
-dropdown-menu .option[disabled] {
-  color: #aaa;
-}
-
-dropdown-menu .option[disabled]:hover {
-  color: #aaa;
-  cursor: inherit;
-  background: transparent;
-}
-
-dropdown-menu .open .items {
-  display: block;
-}
-
-dropdown-menu .open .arrow {
-  background: #4c56cb;
-  border: 1px solid #707ae5;
-}
-
-dropdown-menu .open .arrow svg {
-  /*transform: rotate(180deg);*/
-  transform: scaleY(-1);
-  fill: #fff;
-}

package/dist/collection/components/controls/tags-indicator/tags-indicator.css

@@ -1,34 +0,0 @@
-tags-indicator {
-  /* Fallback font for old browsers */
-  font-family: sans-serif;
-  font-family: var(--verdocs-font);
-}
-
-tags-indicator .container {
-  width: 270px;
-  height: 35px;
-  background-color: #33364b;
-  font-family: sans-serif;
-  display: flex;
-  flex-direction: row;
-  flex-wrap: nowrap;
-  align-items: center;
-  justify-content: flex-start;
-}
-
-tags-indicator .tags {
-  display: inline-flex;
-  box-sizing: border-box;
-  flex-basis: content;
-  padding: 7px 12px;
-  margin: 0 5px;
-  height: 28px;
-  background-color: #f4f4f9;
-  text-transform: uppercase;
-  font-size: 12px;
-  font-weight: 700;
-  color: #33374a;
-  border-radius: 5px;
-  align-items: center;
-  justify-content: center;
-}

package/dist/collection/components/controls/tags-indicator/tags-indicator.js

@@ -1,55 +0,0 @@
-import { Component, Prop, h } from '@stencil/core';
-/**
- * Displays a message describing a document's status of completion
- *
- * ```typescript
- *
- * ```
- */
-export class TagsIndicator {
-  render() {
-    var _a;
-    return (h("div", { class: "container" }, (_a = this.tags) === null || _a === void 0 ? void 0 : _a.map(tag => (h("span", { class: "tags" }, tag)))));
-  }
-  static get is() { return "tags-indicator"; }
-  static get originalStyleUrls() { return {
-    "$": ["tags-indicator.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["tags-indicator.css"]
-  }; }
-  static get properties() { return {
-    "tags": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "any[]",
-        "resolved": "any[]",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The tags to display"
-      }
-    },
-    "theme": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "\"light\" | \"dark\"",
-        "resolved": "\"dark\" | \"light\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The \"theme\" to be used"
-      },
-      "attribute": "theme",
-      "reflect": false
-    }
-  }; }
-}

package/dist/collection/components/controls/tags-indicator/tags-indicator.stories.js

@@ -1,13 +0,0 @@
-import { html } from 'lit-html';
-export default {
-  title: 'Elements/Tags Indicator',
-  component: 'tags-indicator',
-  args: {
-    tags: ['contractors', 'taxes', 'irs']
-  },
-  argTypes: {
-    tags: { type: 'array', control: 'object' },
-    theme: { type: 'string', control: 'radio', options: ['light', 'dark'], defaultValue: 'light' }
-  },
-};
-export const Default = ({ tags, theme }) => html `<tags-indicator .tags="${tags}" .theme="${theme}"></tags-indicator>`;