@verdocs/web-sdk 1.15.1 → 1.15.3

package/dist/esm/{verdocs-pagination_4.entry.js → verdocs-status-indicator.entry.js}

@@ -1,163 +1,5 @@
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-b18c0348.js';
-import { i as integerSequence } from './Primitives-054bc6e5.js';
-import { d as renderedTextWidth } from './utils-a8284581.js';
+import { r as registerInstance, h, H as Host } from './index-b18c0348.js';
 import { c as createPopper } from './popper-bfa25c7f.js';
-import './_commonjsHelpers-5ec8f9b7.js';
-import './Envelopes-e69b678a.js';
-import './Types-5f31149e.js';
-import './Files-70a192df.js';
-import './Types-de18e225.js';
-import './index-914ed6f7.js';
-
-const verdocsPaginationCss = "verdocs-pagination{gap:8px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;font-family:\"Inter\", \"Barlow\", sans-serif}verdocs-pagination .page-button{height:38px;display:-ms-flexbox;display:flex;-ms-flex:0 0 38px;flex:0 0 38px;cursor:pointer;font-weight:600;border-radius:4px;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;color:#33364b;border:1px solid #654dcb}verdocs-pagination .page-button svg{width:18px;height:18px}verdocs-pagination .page-button.selected{cursor:default;color:#ffffff;background:#654dcb}verdocs-pagination .ellipsis{width:38px;height:38px;display:-ms-flexbox;display:flex;-ms-flex:0 0 38px;flex:0 0 38px;line-height:32px;-ms-flex-pack:center;justify-content:center;color:#33364b}";
-
-const ChevronDoubleLeft = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M18.75 19.5l-7.5-7.5 7.5-7.5m-6 15L5.25 12l7.5-7.5" /></svg>`;
-const ChevronDoubleRight = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M11.25 4.5l7.5 7.5-7.5 7.5m-6-15l7.5 7.5-7.5 7.5" /></svg>`;
-const PageButton = ({ page, selected, onClick }) => {
-  let label;
-  if (page === 'first') {
-    label = ChevronDoubleLeft;
-  }
-  else if (page === 'last') {
-    label = ChevronDoubleRight;
-  }
-  else {
-    label = String(page + 1);
-  }
-  return h("div", { class: `page-button ${page === selected ? 'selected' : ''}`, onClick: () => onClick(page), innerHTML: label });
-};
-const VerdocsQuickFilter$2 = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.selectPage = createEvent(this, "selectPage", 7);
-    this.selectedPage = 0;
-    this.itemCount = 1;
-    this.perPage = 10;
-  }
-  handleSelectPage(page) {
-    var _a;
-    this.selectedPage = page;
-    (_a = this.selectPage) === null || _a === void 0 ? void 0 : _a.emit({ selectedPage: page });
-  }
-  render() {
-    const numPages = this.itemCount > 0 ? Math.ceil(this.itemCount / this.perPage) : 0;
-    // If there are 10 pages:
-    //   If page == 0 => firstPage: 0, numPagesToDisplay:
-    const firstPage = Math.max(0, this.selectedPage - 2);
-    const numPagesToDisplay = Math.min(numPages, 5);
-    return (h(Host, null, this.selectedPage > 0 && h(PageButton, { page: 'first', selected: this.selectedPage, onClick: () => this.handleSelectPage(0) }), firstPage > 0 && h("div", { class: "ellipsis" }, "..."), integerSequence(firstPage, numPagesToDisplay - firstPage).map(pageNumber => (h(PageButton, { page: pageNumber, selected: this.selectedPage, onClick: page => this.handleSelectPage(+page) }))), numPagesToDisplay < numPages && h("div", { class: "ellipsis" }, "..."), this.selectedPage < numPages - 1 && h(PageButton, { page: 'last', selected: this.selectedPage, onClick: () => this.handleSelectPage(numPages - 1) })));
-  }
-  get el() { return getElement(this); }
-};
-VerdocsQuickFilter$2.style = verdocsPaginationCss;
-
-const verdocsQuickFilterCss = "verdocs-quick-filter{position:relative;font-family:\"Inter\", \"Barlow\", sans-serif}verdocs-quick-filter .control{outline:0;height:34px;display:-ms-flexbox;display:flex;cursor:pointer;border-radius:4px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-webkit-box-sizing:border-box;box-sizing:border-box;background:#ffffff;-webkit-transition:all 100ms ease 0s;transition:all 100ms ease 0s;border:1px solid #cccccc}verdocs-quick-filter .title{padding:0 8px;font-size:14px;max-width:100%;overflow:hidden;color:#33364b;white-space:nowrap;-webkit-box-sizing:border-box;box-sizing:border-box;text-overflow:ellipsis}verdocs-quick-filter .title .prefix{display:inline;font-weight:700;margin:0 7px 0 0;color:#4c56cb}verdocs-quick-filter .arrow{width:32px;height:32px;border:none;outline:none;cursor:pointer;-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;background:#ffffff;-webkit-transition:color 150ms ease 0s;transition:color 150ms ease 0s}verdocs-quick-filter .arrow svg{-webkit-transition:0.3s;transition:0.3s;fill:#cccccc}verdocs-quick-filter .separator{width:1px;display:block;margin-top:8px;margin-bottom:8px;-ms-flex-item-align:stretch;align-self:stretch;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#cccccc}verdocs-quick-filter .items{display:none;z-index:10000;position:absolute;border-radius:4px;background:#ffffff;-webkit-box-shadow:rgba(0, 0, 0, 0.1) 0 0 0 1px, rgba(0, 0, 0, 0.1) 0 4px 11px;box-shadow:rgba(0, 0, 0, 0.1) 0 0 0 1px, rgba(0, 0, 0, 0.1) 0 4px 11px}verdocs-quick-filter .items[data-show]{display:block}verdocs-quick-filter .option{width:100%;border:none;display:block;font-size:14px;text-align:left;background:none;padding:10px 20px;color:#1e2031}verdocs-quick-filter .option:hover{cursor:pointer;background:#4c56cb3f}verdocs-quick-filter .option[disabled]{color:#aaaaaa}verdocs-quick-filter .option[disabled]:hover{cursor:inherit;background:transparent;color:#aaaaaa}verdocs-quick-filter.open .items{display:block}verdocs-quick-filter.open .arrow svg{-webkit-transform:scaleY(-1);transform:scaleY(-1)}";
-
-const DropdownArrow = `<svg height="20" width="20" viewBox="0 0 20 20" aria-hidden="true" focusable="false" class="css-8mmkcg"><path d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"></path></svg>`;
-const VerdocsQuickFilter$1 = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.optionSelected = createEvent(this, "optionSelected", 7);
-    // We need to do this to reliably disconnect the click-away listener
-    this.clickListenerSymbol = new AbortController();
-    this.options = [];
-    this.label = 'Filter';
-    this.value = '';
-    this.placeholder = 'Select...';
-    this.open = undefined;
-  }
-  componentDidLoad() {
-    this.popper = createPopper(this.dropdownButton, this.dropdownMenu, { placement: 'bottom-start', modifiers: [{ name: 'offset', options: { offset: [-1, 14] } }] });
-    window.addEventListener('click', this.clickListener.bind(this), { signal: this.clickListenerSymbol.signal });
-  }
-  disconnectedCallback() {
-    this.clickListenerSymbol.abort();
-  }
-  clickListener(e) {
-    const outside = !(e.target == this.el || this.el.contains(e.target));
-    if (outside) {
-      this.hide();
-    }
-  }
-  handleSelectOption(e, option) {
-    e.stopPropagation();
-    this.optionSelected.emit(option);
-    this.value = option.value;
-    this.hide();
-  }
-  // See https://popper.js.org/docs/v2/tutorial/
-  // What we're doing here is clearing event listeners when they aren't needed, to increase performance in lists
-  showDropdown() {
-    var _a, _b;
-    this.open = true;
-    this.dropdownMenu.setAttribute('data-show', '');
-    this.dropdownMenu.removeAttribute('aria-hidden');
-    (_a = this.popper) === null || _a === void 0 ? void 0 : _a.setOptions(options => ({
-      ...options,
-      modifiers: [...options.modifiers, { name: 'eventListeners', enabled: true }],
-    })).catch(() => { });
-    (_b = this.popper) === null || _b === void 0 ? void 0 : _b.update().catch(() => { });
-  }
-  handleHideDropdown(e) {
-    var _a, _b;
-    if (((_a = e === null || e === void 0 ? void 0 : e.target) === null || _a === void 0 ? void 0 : _a.localName) === 'button' && ((_b = e === null || e === void 0 ? void 0 : e.target) === null || _b === void 0 ? void 0 : _b.className) === 'arrow') {
-      // This event is fired when a menu element is clicked because the button "loses focus" then too
-      return;
-    }
-    this.hide();
-  }
-  toggleDropdown(e) {
-    e.stopPropagation();
-    if (this.open) {
-      this.hide();
-    }
-    else {
-      this.showDropdown();
-    }
-  }
-  hide() {
-    var _a;
-    this.open = false;
-    this.dropdownMenu.removeAttribute('data-show');
-    this.dropdownMenu.setAttribute('aria-hidden', 'true');
-    (_a = this.popper) === null || _a === void 0 ? void 0 : _a.setOptions(options => ({
-      ...options,
-      modifiers: [...options.modifiers, { name: 'eventListeners', enabled: false }],
-    })).catch(() => { });
-  }
-  render() {
-    var _a, _b, _c;
-    const selectedOption = (_a = this.options) === null || _a === void 0 ? void 0 : _a.find(option => option.value === this.value);
-    const longestOption = (_b = this.options) === null || _b === void 0 ? void 0 : _b.reduce((prev, curr) => (prev.label.length > curr.label.length ? prev : curr));
-    const longestLabelWidth = renderedTextWidth((longestOption === null || longestOption === void 0 ? void 0 : longestOption.label) || 'FILLER', '14px Inter, Barlow, sans-serif');
-    const prefixWidth = renderedTextWidth(this.label, '14px Inter, Barlow, sans-serif');
-    const minWidth = `${longestLabelWidth + prefixWidth + 40}px`;
-    return (h(Host, { class: { open: !!this.open }, style: { minWidth, display: 'inline-block' } }, h("div", { class: "control", onClick: e => this.toggleDropdown(e), onBlur: e => this.handleHideDropdown(e) }, h("div", { class: "title", ref: el => (this.dropdownButton = el) }, h("span", { class: "prefix" }, this.label, ":"), selectedOption ? selectedOption.label : this.placeholder), h("div", { style: { flex: '1' } }), h("div", { class: "separator" }), h("div", { class: "arrow", innerHTML: DropdownArrow, "aria-label": "Open Menu" })), h("div", { class: "items", "aria-hidden": !this.open, ref: el => (this.dropdownMenu = el), style: { minWidth } }, (_c = this.options) === null || _c === void 0 ? void 0 : _c.map(option => option.label ? (h("button", { onClick: e => this.handleSelectOption(e, option), class: `option ${option.value === this.value ? 'selected' : ''}`, disabled: option.disabled }, option.label)) : (h("div", { class: "separator" }))))));
-  }
-  get el() { return getElement(this); }
-};
-VerdocsQuickFilter$1.style = verdocsQuickFilterCss;
-
-const verdocsSpinnerCss = "verdocs-spinner{display:inline-block;border-radius:50%;-webkit-animation:spin 1s ease-in-out infinite;animation:spin 1s ease-in-out infinite}@keyframes spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}";
-
-const LIGHT_STYLE = { border: '3px solid rgba(255, 255, 255, 0.3)', borderTopColor: '#fff' };
-const DARK_STYLE = { border: '3px solid rgba(0, 0, 0, 0.3)', borderTopColor: '#333' };
-const VerdocsQuickFilter = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.size = 32;
-    this.mode = 'light';
-  }
-  render() {
-    return (h(Host, { style: {
-        width: `${this.size}px`,
-        height: `${this.size}px`,
-        flex: `0 0 ${this.size}px`,
-        ...(this.mode === 'light' ? LIGHT_STYLE : DARK_STYLE),
-      } }));
-  }
-};
-VerdocsQuickFilter.style = verdocsSpinnerCss;
 
 const methods$1 = {};
 const names = [];
@@ -7597,4 +7439,4 @@ const VerdocsStatusIndicator = class {
 };
 VerdocsStatusIndicator.style = verdocsStatusIndicatorCss;
 
-export { VerdocsQuickFilter$2 as verdocs_pagination, VerdocsQuickFilter$1 as verdocs_quick_filter, VerdocsQuickFilter as verdocs_spinner, VerdocsStatusIndicator as verdocs_status_indicator };
+export { VerdocsStatusIndicator as verdocs_status_indicator };

package/dist/esm/verdocs-template-attachments_2.entry.js

@@ -3,9 +3,9 @@ import './Types-5f31149e.js';
 import { V as VerdocsEndpoint } from './VerdocsEndpoint-45286fc7.js';
 import { c as createTemplateDocument, d as deleteTemplateDocument } from './TemplateDocuments-6fd2f4e2.js';
 import { D as DocIcon, P as PngIcon, J as JpgIcon, a as PdfIcon, F as FileIcon$1, b as PageCountIcon, T as TrashIcon } from './Icons-c29eb0fa.js';
-import { g as getTemplateStore } from './TemplateStore-c15956ae.js';
+import { g as getTemplateStore } from './TemplateStore-ad36abff.js';
 import { S as SDKError } from './errors-9b5498c8.js';
-import { c as createTemplate } from './Templates-3760f311.js';
+import { c as createTemplate } from './Templates-1893bda7.js';
 import './index-29123f30.js';
 
 const verdocsTemplateAttachmentsCss = "verdocs-template-attachments{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif}verdocs-template-attachments h5{font-size:16px;font-weight:bold;margin:0 0 10px 0;color:#46497d}verdocs-template-attachments .attachments{margin:0 0 40px 0}verdocs-template-attachments .attachment{display:-ms-flexbox;display:flex;padding:5px 0;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;color:#33364b}verdocs-template-attachments .attachment:hover .trash-icon{display:-ms-flexbox;display:flex}verdocs-template-attachments .attachment:hover .pages{display:none}verdocs-template-attachments svg{width:28px;height:28px;fill:#5c6575;margin:2px 0 0 0}verdocs-template-attachments .file-icon{-ms-flex:0;flex:0}verdocs-template-attachments .pages{width:24px;height:24px;-ms-flex:0 0 24px;flex:0 0 24px;padding-left:4px;position:relative;margin:-10px 0 0 0}verdocs-template-attachments .pages .pages-icon{top:0;left:0;width:24px;height:24px;position:absolute}verdocs-template-attachments .pages .count{top:11px;left:7px;z-index:1;width:18px;font-size:12px;font-weight:500;position:absolute;text-align:center;letter-spacing:-2px}verdocs-template-attachments .filename{-ms-flex:1;flex:1;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border-bottom:1px dotted #cccccc}verdocs-template-attachments .trash-icon{-ms-flex:0;flex:0;display:none}verdocs-template-attachments .trash-icon:hover{cursor:pointer}verdocs-template-attachments verdocs-file-chooser{margin:10px 0;border:2px dashed #979797}verdocs-template-attachments .loader-wrapper{background-color:#ffffff;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;width:320px;height:320px;text-align:center;border:2px dashed #979797;-ms-flex-pack:end;justify-content:flex-end}verdocs-template-attachments .progress-wrapper{padding:20px}verdocs-template-attachments .buttons{display:-ms-flexbox;display:flex;-webkit-column-gap:8px;-moz-column-gap:8px;column-gap:8px;margin-top:16px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end}verdocs-template-attachments .buttons .flex-fill{-ms-flex:1;flex:1}verdocs-template-attachments ::-webkit-input-placeholder{color:#aaaaaa}verdocs-template-attachments ::-moz-placeholder{color:#aaaaaa}verdocs-template-attachments :-ms-input-placeholder{color:#aaaaaa}verdocs-template-attachments ::-ms-input-placeholder{color:#aaaaaa}verdocs-template-attachments ::placeholder{color:#aaaaaa}";

package/dist/esm/verdocs-template-document-page_2.entry.js

@@ -2,13 +2,14 @@ import { r as registerInstance, c as createEvent, h, H as Host, a as getElement
 import './Types-5f31149e.js';
 import { V as VerdocsEndpoint } from './VerdocsEndpoint-45286fc7.js';
 import { g as getTemplateDocumentPageDisplayUri } from './TemplateDocuments-6fd2f4e2.js';
-import { t as throttle } from './utils-a8284581.js';
+import { t as throttle } from './utils-ef800713.js';
 import { c as createPopper } from './popper-bfa25c7f.js';
 import './_commonjsHelpers-5ec8f9b7.js';
 import './Envelopes-e69b678a.js';
 import './Files-70a192df.js';
 import './Types-de18e225.js';
-import './index-914ed6f7.js';
+import './index-2685d184.js';
+import './index-8dc8fdc4.js';
 
 const verdocsTemplateDocumentPageCss = "verdocs-template-document-page{width:100%;position:relative}verdocs-template-document-page .verdocs-template-document-page-layer{position:absolute;top:0;left:0;right:0;bottom:0;-webkit-box-shadow:0 0 10px 5px #0000000f;box-shadow:0 0 10px 5px #0000000f}verdocs-template-document-page .verdocs-template-document-page-layer.img{width:100%}";
 

package/dist/esm/verdocs-template-fields_4.entry.js

@@ -4,16 +4,17 @@ import './Types-5f31149e.js';
 import { V as VerdocsEndpoint, T as TemplateSenderTypes } from './VerdocsEndpoint-45286fc7.js';
 import { u as updateField, c as createField } from './Fields-c82e6df3.js';
 import { i as integerSequence } from './Primitives-054bc6e5.js';
-import { a as getRoleIndex, r as renderDocumentField, f as updateCssTransform, h as defaultWidth, i as defaultHeight } from './utils-a8284581.js';
-import { g as getTemplateStore, a as getRoleNames } from './TemplateStore-c15956ae.js';
+import { a as getRoleIndex, r as renderDocumentField, f as updateCssTransform, h as defaultWidth, i as defaultHeight } from './utils-ef800713.js';
+import { g as getTemplateStore, a as getRoleNames } from './TemplateStore-ad36abff.js';
 import { S as SDKError } from './errors-9b5498c8.js';
 import { g as getRGBA } from './Colors-1b298092.js';
-import { u as updateTemplate } from './Templates-3760f311.js';
+import { u as updateTemplate } from './Templates-1893bda7.js';
 import './_commonjsHelpers-5ec8f9b7.js';
 import './Envelopes-e69b678a.js';
 import './Files-70a192df.js';
 import './Types-de18e225.js';
-import './index-914ed6f7.js';
+import './index-2685d184.js';
+import './index-8dc8fdc4.js';
 import './index-29123f30.js';
 
 /**

package/dist/esm/verdocs-template-name.entry.js

@@ -1,8 +1,8 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-b18c0348.js';
 import './Types-5f31149e.js';
 import { V as VerdocsEndpoint } from './VerdocsEndpoint-45286fc7.js';
-import { u as updateTemplate } from './Templates-3760f311.js';
-import { g as getTemplateStore } from './TemplateStore-c15956ae.js';
+import { u as updateTemplate } from './Templates-1893bda7.js';
+import { g as getTemplateStore } from './TemplateStore-ad36abff.js';
 import { S as SDKError } from './errors-9b5498c8.js';
 import './index-29123f30.js';
 

package/dist/esm/verdocs-template-reminders.entry.js

@@ -1,11 +1,11 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-b18c0348.js';
 import './Types-5f31149e.js';
 import { V as VerdocsEndpoint } from './VerdocsEndpoint-45286fc7.js';
-import { g as getTemplateStore } from './TemplateStore-c15956ae.js';
+import { g as getTemplateStore } from './TemplateStore-ad36abff.js';
 import { S as SDKError } from './errors-9b5498c8.js';
 import { V as VerdocsToast } from './Toast-f3b8fd46.js';
 import './index-29123f30.js';
-import './Templates-3760f311.js';
+import './Templates-1893bda7.js';
 
 /**
  * Enable automatic reminders. setup_time is the number of days after the envelope is sent that the first reminder

package/dist/esm/verdocs-template-star.entry.js

@@ -0,0 +1,63 @@
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-b18c0348.js';
+import { V as VerdocsEndpoint } from './VerdocsEndpoint-45286fc7.js';
+import './Types-5f31149e.js';
+
+/**
+ * Get the template stars for a template.
+ */
+/**
+ * Toggle the template star for a template.
+ */
+var toggleStar = function (endpoint, templateId) {
+    return endpoint.api //
+        .post("/templates/".concat(templateId, "/stars/toggle"))
+        .then(function (r) { return r.data; });
+};
+
+const verdocsTemplateStarCss = "verdocs-template-star{display:-ms-flexbox;display:flex;-ms-flex:0 0 60px;flex:0 0 60px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;font-family:\"Inter\", \"Barlow\", sans-serif}verdocs-template-star .star{line-height:10px}verdocs-template-star .star.updating{-webkit-animation:spinningStar 2s infinite linear;animation:spinningStar 2s infinite linear}verdocs-template-star .star svg{width:24px;height:24px}verdocs-template-star .count{color:#595c5d;font-size:14px;margin-left:10px}@-webkit-keyframes spinningStar{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes spinningStar{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}";
+
+const OutlineStarIcon = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M11.48 3.499a.562.562 0 011.04 0l2.125 5.111a.563.563 0 00.475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 00-.182.557l1.285 5.385a.562.562 0 01-.84.61l-4.725-2.885a.563.563 0 00-.586 0L6.982 20.54a.562.562 0 01-.84-.61l1.285-5.386a.562.562 0 00-.182-.557l-4.204-3.602a.563.563 0 01.321-.988l5.518-.442a.563.563 0 00.475-.345L11.48 3.5z" /></svg>`;
+const SolidStarIcon = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z" clip-rule="evenodd" /></svg>`;
+const VerdocsTemplateStar = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.starChange = createEvent(this, "starChange", 7);
+    this.sdkError = createEvent(this, "sdkError", 7);
+    this.endpoint = VerdocsEndpoint.getDefault();
+    this.template = undefined;
+    this.updating = false;
+  }
+  async componentWillLoad() {
+    this.endpoint.loadSession();
+    if (!this.endpoint.session) {
+      console.log('[TEMPLATES] Must be authenticated');
+      return;
+    }
+  }
+  toggle(e) {
+    e.stopPropagation();
+    this.updating = true;
+    toggleStar(VerdocsEndpoint.getDefault(), this.template.id)
+      .then(r => {
+      this.updating = false;
+      this.template.is_starred = r.is_starred;
+      this.template.star_counter = r.star_counter;
+      this.starChange.emit({
+        templateId: this.template.id,
+        starred: r.is_starred,
+        count: r.star_counter,
+      });
+    })
+      .catch(e => {
+      this.updating = false;
+      console.log('[STAR] Error toggling template star', e.message);
+      this.sdkError.emit(e);
+    });
+  }
+  render() {
+    return (h(Host, null, h("div", { class: `star ${this.updating ? 'updating' : ''}`, innerHTML: this.template.is_starred ? SolidStarIcon : OutlineStarIcon, onClick: e => this.toggle(e) }), h("div", { class: "count" }, this.template.star_counter || '--')));
+  }
+};
+VerdocsTemplateStar.style = verdocsTemplateStarCss;
+
+export { VerdocsTemplateStar as verdocs_template_star };

package/dist/esm/verdocs-template-visibility.entry.js

@@ -1,8 +1,8 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-b18c0348.js';
 import './Types-5f31149e.js';
 import { V as VerdocsEndpoint } from './VerdocsEndpoint-45286fc7.js';
-import { u as updateTemplate } from './Templates-3760f311.js';
-import { g as getTemplateStore } from './TemplateStore-c15956ae.js';
+import { u as updateTemplate } from './Templates-1893bda7.js';
+import { g as getTemplateStore } from './TemplateStore-ad36abff.js';
 import { S as SDKError } from './errors-9b5498c8.js';
 import './index-29123f30.js';