@verdocs/web-sdk 4.0.7 → 4.0.9

package/dist/esm-es5/verdocs-template-card.entry.js

@@ -1 +1 @@
-import{r as registerInstance,h,H as Host}from"./index-b89cf6a4.js";var verdocsTemplateCardCss='@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-template-card{font-family:"Inter", "Barlow", sans-serif;width:320px;height:320px;display:-ms-flexbox;display:flex;padding:25px;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column;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)}verdocs-template-card .thumbnail{width:272px;height:158px;-o-object-fit:cover;object-fit:cover;margin-bottom:22px;-o-object-position:-20% 0;object-position:-20% 0}verdocs-template-card .name{font-size:18px;font-weight:700;margin-bottom:7px}verdocs-template-card .org-name{font-size:14px;font-weight:700;margin-bottom:6px}verdocs-template-card hr{width:100%;margin-bottom:17px;background-color:#aeb4bf}verdocs-template-card .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:16px}verdocs-template-card .controls .control{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;margin-right:8px;-ms-flex-align:start;align-items:flex-start;border-right:1px solid #aeb4bf}verdocs-template-card .controls .control.secondary{-ms-flex-pack:center;justify-content:center}verdocs-template-card .controls .control svg{fill:#aeb4bf;height:16px;max-width:16px;margin:0 8px -2px 0}verdocs-template-card .additional-controls svg{margin-right:0;fill:#654dcb}';var VerdocsTemplateCardStyle0=verdocsTemplateCardCss;var 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>';var 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>';var 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>';var StarIcon='<svg width="31" height="29" viewBox="0 0 31 29" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_31553_1553)"><path d="M30.886 11.4917C30.8916 11.0917 30.753 10.7034 30.4962 10.3993C30.2394 10.0953 29.882 9.8964 29.4908 9.83995L29.5182 9.65005L29.4908 9.83995L21.0938 8.60261L17.3412 0.912551C17.2067 0.638179 16.9992 0.407285 16.7421 0.245866C16.485 0.0844465 16.1885 -0.00111389 15.886 -0.00111389C15.5835 -0.00111389 15.287 0.0844465 15.0299 0.245866C14.7728 0.407285 14.5653 0.638179 14.4308 0.912551L10.6781 8.60261L2.28121 9.8392C1.89206 9.89475 1.53611 10.0916 1.2796 10.3931C1.02308 10.6945 0.88348 11.08 0.886776 11.4779C0.886447 11.6961 0.929977 11.912 1.01472 12.1125C1.09946 12.3131 1.22363 12.4941 1.37968 12.6445L7.45563 18.5744L6.01943 27.0241C6.00289 27.1258 5.99449 27.2287 5.99435 27.3317C5.99313 27.7717 6.16395 28.1943 6.4695 28.5071C6.77505 28.82 7.19045 28.9976 7.62496 29.0013C7.88846 29.0008 8.14779 28.9345 8.37992 28.8083L15.8883 24.8217L23.3967 28.8114C23.6287 28.9361 23.8873 29.0015 24.15 29.002C24.5752 28.9998 24.9832 28.8318 25.2893 28.5329C25.4452 28.3832 25.5695 28.2029 25.6544 28.003C25.7392 27.8031 25.783 27.5878 25.783 27.3702C25.7827 27.2731 25.7743 27.176 25.7579 27.0803L24.3209 18.6296L30.3931 12.7022C30.7094 12.3809 30.8867 11.9454 30.886 11.4917ZM22.0759 17.53L21.9437 17.3916L22.0759 17.53C22.0072 17.5977 21.9525 17.6787 21.9152 17.7681C21.8779 17.8575 21.8587 17.9536 21.8587 18.0506L21.8693 18.1737L23.2037 26.0237L16.2164 22.3148C16.1136 22.2602 15.9994 22.2317 15.8833 22.2317C15.7673 22.2317 15.653 22.2602 15.5503 22.3148L8.57132 26.0245L9.90651 18.1745L9.91712 18.0506C9.91696 17.9536 9.89768 17.8576 9.86038 17.7682C9.82308 17.6788 9.76851 17.5978 9.6999 17.53L4.05538 11.9724L11.8576 10.8258C11.9725 10.8088 12.0816 10.7638 12.1755 10.6947C12.2695 10.6256 12.3454 10.5344 12.3969 10.429L15.886 3.27721L19.3797 10.429C19.4313 10.5344 19.5074 10.6256 19.6014 10.6948C19.6955 10.7639 19.8047 10.8088 19.9197 10.8258L27.7197 11.9747L22.0759 17.53Z" fill="#ADB6BD"/></g><defs><clipPath id="clip0_31553_1553"><rect width="30" height="29" fill="white" transform="translate(0.886719)"/></clipPath></defs></svg>';var VerdocsTemplateCard=function(){function e(e){registerInstance(this,e);this.template=undefined}e.prototype.render=function(){var e,a,o,c;return h(Host,{key:"8c1e1c635b1baa655956acdb25c0dadf7aa7fb37"},h("span",{key:"27f70562114c4b477a39d2c592ac970958308b6a",class:"name"},this.template.name),h("span",{key:"e7d9da9cef9ead160a65a4cee49f030d52b20eb3",class:"org-name"},((e=this.template.organization)===null||e===void 0?void 0:e.name)||"Public"),h("hr",{key:"ae53a4cb7e75c6b2af578e2518b601e742aecfb8"}),h("div",{key:"f493a7d3641fe90d6bf35649664f76b5fc1ee3d3",class:"controls"},h("div",{key:"f0ef5225ff60e056166eede4ba69d4999c1a9887",class:"control"},h("span",{key:"5f3f45383a81584741ee04b1fce6b4720bab9063",class:"icon",innerHTML:StarIcon}),h("span",{key:"9faf96a64292b6529e29186a4bd1e12d9ad3b42b",class:"value"},this.template.star_counter)),h("div",{key:"2b605818b05ddf5ea9c3ac28f1bad3d0c8a3e3fb",class:"control secondary"},h("span",{key:"c12a8f975614144c72060cf9213a7e8081636602",class:"icon",innerHTML:PagesIcon}),h("span",{key:"53dd14ec4e8c0c57bbff3866901d10baa61abc31",class:"value"},((c=(o=(a=this.template)===null||a===void 0?void 0:a.documents)===null||o===void 0?void 0:o[0])===null||c===void 0?void 0:c.pages)||1)),h("div",{key:"c2e72a02dcb918fe595f2fd7228728bd29b1c816",class:"control secondary"},h("span",{key:"9ed65ee6703d3db204c7f9619884615d3595f9f2",class:"icon",innerHTML:EmailIcon}),h("span",{key:"805565cdc082e8d76e2dd2db98aeede1eee9810f",class:"value"},this.template.counter)),h("span",{key:"8914f5b5d9d2395bd60f7fded9d58b4c48f85100",class:"additional-controls",innerHTML:ActionsIcon})))};return e}();VerdocsTemplateCard.style=VerdocsTemplateCardStyle0;export{VerdocsTemplateCard as verdocs_template_card};
+import{r as registerInstance,h,H as Host}from"./index-b89cf6a4.js";var verdocsTemplateCardCss='@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-template-card{font-family:"Inter", "Barlow", sans-serif;width:320px;height:320px;display:-ms-flexbox;display:flex;padding:25px;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column;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)}verdocs-template-card .thumbnail{width:272px;height:158px;-o-object-fit:cover;object-fit:cover;margin-bottom:22px;-o-object-position:-20% 0;object-position:-20% 0}verdocs-template-card .name{font-size:18px;font-weight:700;margin-bottom:7px}verdocs-template-card .org-name{font-size:14px;font-weight:700;margin-bottom:6px}verdocs-template-card hr{width:100%;margin-bottom:17px;background-color:#aeb4bf}verdocs-template-card .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:16px}verdocs-template-card .controls .control{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;margin-right:8px;-ms-flex-align:start;align-items:flex-start;border-right:1px solid #aeb4bf}verdocs-template-card .controls .control.secondary{-ms-flex-pack:center;justify-content:center}verdocs-template-card .controls .control svg{fill:#aeb4bf;height:16px;max-width:16px;margin:0 8px -2px 0}verdocs-template-card .additional-controls svg{margin-right:0;fill:#654dcb}';var VerdocsTemplateCardStyle0=verdocsTemplateCardCss;var 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>';var 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>';var 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>';var StarIcon='<svg width="31" height="29" viewBox="0 0 31 29" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_31553_1553)"><path d="M30.886 11.4917C30.8916 11.0917 30.753 10.7034 30.4962 10.3993C30.2394 10.0953 29.882 9.8964 29.4908 9.83995L29.5182 9.65005L29.4908 9.83995L21.0938 8.60261L17.3412 0.912551C17.2067 0.638179 16.9992 0.407285 16.7421 0.245866C16.485 0.0844465 16.1885 -0.00111389 15.886 -0.00111389C15.5835 -0.00111389 15.287 0.0844465 15.0299 0.245866C14.7728 0.407285 14.5653 0.638179 14.4308 0.912551L10.6781 8.60261L2.28121 9.8392C1.89206 9.89475 1.53611 10.0916 1.2796 10.3931C1.02308 10.6945 0.88348 11.08 0.886776 11.4779C0.886447 11.6961 0.929977 11.912 1.01472 12.1125C1.09946 12.3131 1.22363 12.4941 1.37968 12.6445L7.45563 18.5744L6.01943 27.0241C6.00289 27.1258 5.99449 27.2287 5.99435 27.3317C5.99313 27.7717 6.16395 28.1943 6.4695 28.5071C6.77505 28.82 7.19045 28.9976 7.62496 29.0013C7.88846 29.0008 8.14779 28.9345 8.37992 28.8083L15.8883 24.8217L23.3967 28.8114C23.6287 28.9361 23.8873 29.0015 24.15 29.002C24.5752 28.9998 24.9832 28.8318 25.2893 28.5329C25.4452 28.3832 25.5695 28.2029 25.6544 28.003C25.7392 27.8031 25.783 27.5878 25.783 27.3702C25.7827 27.2731 25.7743 27.176 25.7579 27.0803L24.3209 18.6296L30.3931 12.7022C30.7094 12.3809 30.8867 11.9454 30.886 11.4917ZM22.0759 17.53L21.9437 17.3916L22.0759 17.53C22.0072 17.5977 21.9525 17.6787 21.9152 17.7681C21.8779 17.8575 21.8587 17.9536 21.8587 18.0506L21.8693 18.1737L23.2037 26.0237L16.2164 22.3148C16.1136 22.2602 15.9994 22.2317 15.8833 22.2317C15.7673 22.2317 15.653 22.2602 15.5503 22.3148L8.57132 26.0245L9.90651 18.1745L9.91712 18.0506C9.91696 17.9536 9.89768 17.8576 9.86038 17.7682C9.82308 17.6788 9.76851 17.5978 9.6999 17.53L4.05538 11.9724L11.8576 10.8258C11.9725 10.8088 12.0816 10.7638 12.1755 10.6947C12.2695 10.6256 12.3454 10.5344 12.3969 10.429L15.886 3.27721L19.3797 10.429C19.4313 10.5344 19.5074 10.6256 19.6014 10.6948C19.6955 10.7639 19.8047 10.8088 19.9197 10.8258L27.7197 11.9747L22.0759 17.53Z" fill="#ADB6BD"/></g><defs><clipPath id="clip0_31553_1553"><rect width="30" height="29" fill="white" transform="translate(0.886719)"/></clipPath></defs></svg>';var VerdocsTemplateCard=function(){function e(e){registerInstance(this,e);this.template=undefined}e.prototype.render=function(){var e,a,o,c;return h(Host,{key:"3ef4b7a60f214bc1b4301f82c4d6c0c43cb31c1c"},h("span",{key:"5da8ee7013a901cfd37bde9319f2efa68d08d6f6",class:"name"},this.template.name),h("span",{key:"0e27a427f7575435bc09e98408cb8ebfd20f2221",class:"org-name"},((e=this.template.organization)===null||e===void 0?void 0:e.name)||"Public"),h("hr",{key:"3471951b3a1aae2b6e753f7eaf14bb44b5ec9270"}),h("div",{key:"eb4f5304de241f9e7ff0a558591d1a3caca8b29f",class:"controls"},h("div",{key:"3d913d458116470de9abc5f88234bb4ed57e561e",class:"control"},h("span",{key:"5dbfeb4e3c103b49ce9c6d54b5249af8b5b16086",class:"icon",innerHTML:StarIcon}),h("span",{key:"ca84ade8a0d54ab96bdee35c63b03e34ab893257",class:"value"},this.template.star_counter)),h("div",{key:"01385ff24ea0de2948b3ede9fbf1058f92ab5c7f",class:"control secondary"},h("span",{key:"907331cb5970739199c2b319b18f17f9ce98bb93",class:"icon",innerHTML:PagesIcon}),h("span",{key:"9120a25679b0f9bf7a89a77b76f9c253d66df2c9",class:"value"},((c=(o=(a=this.template)===null||a===void 0?void 0:a.documents)===null||o===void 0?void 0:o[0])===null||c===void 0?void 0:c.pages)||1)),h("div",{key:"935459e3076e01cbbd2af34b2515e10722672799",class:"control secondary"},h("span",{key:"1db1cc5176095a2d5646112a1d8aafc66b6e8772",class:"icon",innerHTML:EmailIcon}),h("span",{key:"a66c84bfb81ac9ca2608a2dd35c28a707d3e7956",class:"value"},this.template.counter)),h("span",{key:"0f9a72ba9ccc5c8c68321df12d0fdb489a25e4ac",class:"additional-controls",innerHTML:ActionsIcon})))};return e}();VerdocsTemplateCard.style=VerdocsTemplateCardStyle0;export{VerdocsTemplateCard as verdocs_template_card};

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

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(t,e,r,n){function a(t){return t instanceof r?t:new r((function(e){e(t)}))}return new(r||(r=Promise))((function(r,o){function i(t){try{c(n.next(t))}catch(t){o(t)}}function s(t){try{c(n["throw"](t))}catch(t){o(t)}}function c(t){t.done?r(t.value):a(t.value).then(i,s)}c((n=n.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var r={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},n,a,o,i;return i={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function s(t){return function(e){return c([t,e])}}function c(s){if(n)throw new TypeError("Generator is already executing.");while(i&&(i=0,s[0]&&(r=0)),r)try{if(n=1,a&&(o=s[0]&2?a["return"]:s[0]?a["throw"]||((o=a["return"])&&o.call(a),0):a.next)&&!(o=o.call(a,s[1])).done)return o;if(a=0,o)s=[s[0]&2,o.value];switch(s[0]){case 0:case 1:o=s;break;case 4:r.label++;return{value:s[1],done:false};case 5:r.label++;a=s[1];s=[0];continue;case 7:s=r.ops.pop();r.trys.pop();continue;default:if(!(o=r.trys,o=o.length>0&&o[o.length-1])&&(s[0]===6||s[0]===2)){r=0;continue}if(s[0]===3&&(!o||s[1]>o[0]&&s[1]<o[3])){r.label=s[1];break}if(s[0]===6&&r.label<o[1]){r.label=o[1];o=s;break}if(o&&r.label<o[2]){r.label=o[2];r.ops.push(s);break}if(o[2])r.ops.pop();r.trys.pop();continue}s=e.call(t,r)}catch(t){s=[6,t];a=0}finally{n=o=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,H as Host}from"./index-b89cf6a4.js";import{VerdocsEndpoint,toggleStar}from"@verdocs/js-sdk";var verdocsTemplateStarCss='@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}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)}}';var VerdocsTemplateStarStyle0=verdocsTemplateStarCss;var 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>';var 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>';var VerdocsTemplateStar=function(){function t(t){registerInstance(this,t);this.starChange=createEvent(this,"starChange",7);this.sdkError=createEvent(this,"sdkError",7);this.endpoint=VerdocsEndpoint.getDefault();this.template=undefined;this.updating=false}t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.endpoint.loadSession();if(!this.endpoint.session){console.log("[TEMPLATES] Must be authenticated");return[2]}return[2]}))}))};t.prototype.toggle=function(t){var e=this;t.stopPropagation();this.updating=true;toggleStar(VerdocsEndpoint.getDefault(),this.template.id).then((function(t){e.updating=false;e.template.star_counter=t.star_counter;e.starChange.emit({templateId:e.template.id,starred:t.star_counter>0,count:t.star_counter})})).catch((function(t){e.updating=false;console.log("[STAR] Error toggling template star",t.message);e.sdkError.emit(t)}))};t.prototype.render=function(){var t=this;return h(Host,{key:"0bfc2a29037c8753d08852eb5b0d0e7ccae821fc"},h("div",{key:"16441206c390f010d43fddf52df556f503f2309b",class:"star ".concat(this.updating?"updating":""),innerHTML:this.template.star_counter?SolidStarIcon:OutlineStarIcon,onClick:function(e){return t.toggle(e)}}),h("div",{key:"0b7ed0bba53a2e243c47195efcb09934d056d479",class:"count"},this.template.star_counter||"--"))};return t}();VerdocsTemplateStar.style=VerdocsTemplateStarStyle0;export{VerdocsTemplateStar as verdocs_template_star};
+var __awaiter=this&&this.__awaiter||function(t,e,r,n){function a(t){return t instanceof r?t:new r((function(e){e(t)}))}return new(r||(r=Promise))((function(r,o){function i(t){try{c(n.next(t))}catch(t){o(t)}}function s(t){try{c(n["throw"](t))}catch(t){o(t)}}function c(t){t.done?r(t.value):a(t.value).then(i,s)}c((n=n.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var r={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},n,a,o,i;return i={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function s(t){return function(e){return c([t,e])}}function c(s){if(n)throw new TypeError("Generator is already executing.");while(i&&(i=0,s[0]&&(r=0)),r)try{if(n=1,a&&(o=s[0]&2?a["return"]:s[0]?a["throw"]||((o=a["return"])&&o.call(a),0):a.next)&&!(o=o.call(a,s[1])).done)return o;if(a=0,o)s=[s[0]&2,o.value];switch(s[0]){case 0:case 1:o=s;break;case 4:r.label++;return{value:s[1],done:false};case 5:r.label++;a=s[1];s=[0];continue;case 7:s=r.ops.pop();r.trys.pop();continue;default:if(!(o=r.trys,o=o.length>0&&o[o.length-1])&&(s[0]===6||s[0]===2)){r=0;continue}if(s[0]===3&&(!o||s[1]>o[0]&&s[1]<o[3])){r.label=s[1];break}if(s[0]===6&&r.label<o[1]){r.label=o[1];o=s;break}if(o&&r.label<o[2]){r.label=o[2];r.ops.push(s);break}if(o[2])r.ops.pop();r.trys.pop();continue}s=e.call(t,r)}catch(t){s=[6,t];a=0}finally{n=o=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,H as Host}from"./index-b89cf6a4.js";import{VerdocsEndpoint,toggleStar}from"@verdocs/js-sdk";var verdocsTemplateStarCss='@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}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)}}';var VerdocsTemplateStarStyle0=verdocsTemplateStarCss;var 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>';var 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>';var VerdocsTemplateStar=function(){function t(t){registerInstance(this,t);this.starChange=createEvent(this,"starChange",7);this.sdkError=createEvent(this,"sdkError",7);this.endpoint=VerdocsEndpoint.getDefault();this.template=undefined;this.updating=false}t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.endpoint.loadSession();if(!this.endpoint.session){console.log("[TEMPLATES] Must be authenticated");return[2]}return[2]}))}))};t.prototype.toggle=function(t){var e=this;t.stopPropagation();this.updating=true;toggleStar(VerdocsEndpoint.getDefault(),this.template.id).then((function(t){e.updating=false;e.template.star_counter=t.star_counter;e.starChange.emit({templateId:e.template.id,starred:t.star_counter>0,count:t.star_counter})})).catch((function(t){e.updating=false;console.log("[STAR] Error toggling template star",t.message);e.sdkError.emit(t)}))};t.prototype.render=function(){var t=this;return h(Host,{key:"a3b6ca54b4549954355f9061b871489243432da7"},h("div",{key:"abcfec7a6fb4d928b3bc7080cbe49eb299cb56f9",class:"star ".concat(this.updating?"updating":""),innerHTML:this.template.star_counter?SolidStarIcon:OutlineStarIcon,onClick:function(e){return t.toggle(e)}}),h("div",{key:"a36087cb85065e3cf888ec8c8ef6fa88f4b3a2e9",class:"count"},this.template.star_counter||"--"))};return t}();VerdocsTemplateStar.style=VerdocsTemplateStarStyle0;export{VerdocsTemplateStar as verdocs_template_star};

package/dist/esm-es5/verdocs-template-tags.entry.js

@@ -1 +1 @@
-import{r as registerInstance,h,H as Host}from"./index-b89cf6a4.js";var verdocsTemplateTagsCss='@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-template-tags{font-family:"Inter", "Barlow", sans-serif}verdocs-template-tags span{margin:0 4px;height:28px;font-size:12px;font-weight:600;padding:5px 12px 7px;border-radius:5px;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;text-transform:uppercase;color:#33364b;border:1px solid #707ae5;background-color:#f5f5fa}';var VerdocsTemplateTagsStyle0=verdocsTemplateTagsCss;var VerdocsTemplateTags=function(){function e(e){registerInstance(this,e);this.tags=undefined}e.prototype.render=function(){var e;return h(Host,{key:"7926f67d015abdbf2fd62f970974757df81a846b"},(e=this.tags)===null||e===void 0?void 0:e.map((function(e){return h("span",null,e)})))};return e}();VerdocsTemplateTags.style=VerdocsTemplateTagsStyle0;export{VerdocsTemplateTags as verdocs_template_tags};
+import{r as registerInstance,h,H as Host}from"./index-b89cf6a4.js";var verdocsTemplateTagsCss='@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-template-tags{font-family:"Inter", "Barlow", sans-serif}verdocs-template-tags span{margin:0 4px;height:28px;font-size:12px;font-weight:600;padding:5px 12px 7px;border-radius:5px;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;text-transform:uppercase;color:#33364b;border:1px solid #707ae5;background-color:#f5f5fa}';var VerdocsTemplateTagsStyle0=verdocsTemplateTagsCss;var VerdocsTemplateTags=function(){function e(e){registerInstance(this,e);this.tags=undefined}e.prototype.render=function(){var e;return h(Host,{key:"b98c9a6fdcf66d4a7f779a7022f6b16cb7eef987"},(e=this.tags)===null||e===void 0?void 0:e.map((function(e){return h("span",null,e)})))};return e}();VerdocsTemplateTags.style=VerdocsTemplateTagsStyle0;export{VerdocsTemplateTags as verdocs_template_tags};

package/dist/esm-es5/verdocs-toolbar-icon.entry.js

@@ -1 +1 @@
-import{r as registerInstance,h,H as Host}from"./index-b89cf6a4.js";import{c as createPopper}from"./popper-0fbeff6d.js";var verdocsToolbarIconCss='@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-toolbar-icon{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;display:inline-block}verdocs-toolbar-icon .icon{display:inline-block;cursor:pointer}verdocs-toolbar-icon .icon svg{fill:#5c6575}verdocs-toolbar-icon .tooltip{display:none;-webkit-box-shadow:0 0 10px 1px #999999;box-shadow:0 0 10px 1px #999999;background:#ffffff;color:#33364b;max-width:240px;font-weight:bold;padding:5px 10px;font-size:13px;position:relative;border-radius:4px;z-index:20000;white-space:nowrap}verdocs-toolbar-icon .tooltip .arrow,verdocs-toolbar-icon .tooltip .arrow::before{position:absolute;width:8px;height:8px;background:inherit}verdocs-toolbar-icon .tooltip .arrow{visibility:hidden;top:-4px}verdocs-toolbar-icon .tooltip .arrow::before{visibility:visible;content:"";-webkit-transform:rotate(45deg);transform:rotate(45deg)}verdocs-toolbar-icon .tooltip[data-show]{display:block}verdocs-toolbar-icon .tooltip[data-popper-placement^=top]>.arrow{bottom:-4px}verdocs-toolbar-icon .tooltip[data-popper-placement^=bottom]>.arrow{top:-4px}verdocs-toolbar-icon .tooltip[data-popper-placement^=left]>.arrow{right:-4px}verdocs-toolbar-icon .tooltip[data-popper-placement^=right]>.arrow{left:-4px}verdocs-toolbar-icon .tooltip[data-popper-placement^=left]{padding:3px 10px}verdocs-toolbar-icon .tooltip[data-popper-placement^=left]>.arrow{right:-1px}';var VerdocsToolbarIconStyle0=verdocsToolbarIconCss;var VerdocsToolbarIcon=function(){function o(o){registerInstance(this,o);this.text="";this.icon="";this.placement="bottom";this.containerId="verdocs-toolbar-icon-".concat(Math.random().toString(36).substring(2,11))}o.prototype.componentDidLoad=function(){this.popperInstance=createPopper(this.iconEl,this.tooltip,{placement:this.placement,modifiers:this.placement==="left"?[{name:"offset",options:{offset:[0,20]}}]:[]})};o.prototype.disconnectedCallback=function(){if(this.popperInstance){this.popperInstance.destroy();this.popperInstance=null}};o.prototype.show=function(){var o,t;(o=this.tooltip)===null||o===void 0?void 0:o.setAttribute("data-show","");(t=this.popperInstance)===null||t===void 0?void 0:t.update().catch((function(){}))};o.prototype.hide=function(){var o;(o=this.tooltip)===null||o===void 0?void 0:o.removeAttribute("data-show")};o.prototype.render=function(){var o=this;return h(Host,{key:"c12c9e2593bf281d5c0ce60ebffebf974a4a1afb",class:{}},h("div",{key:"7c03bd3e40eed4fa9966afe926cdc4c490d5a6d7","aria-describedby":this.containerId,class:"icon",innerHTML:this.icon,onMouseEnter:function(){return o.show()},onFocus:function(){return o.show()},onMouseLeave:function(){return o.hide()},onBlur:function(){return o.hide()},ref:function(t){return o.iconEl=t}}),h("div",{key:"d757834d1be057de971a7bcbb47158c9c2182907",id:this.containerId,role:"tooltip",class:"tooltip","data-popper-placement":this.placement,ref:function(t){return o.tooltip=t}},this.text,h("div",{key:"0a9e2615fa20a0625b929173dd2705be5165c39a","data-popper-arrow":"true",class:"arrow"})))};return o}();VerdocsToolbarIcon.style=VerdocsToolbarIconStyle0;export{VerdocsToolbarIcon as verdocs_toolbar_icon};
+import{r as registerInstance,h,H as Host}from"./index-b89cf6a4.js";import{c as createPopper}from"./popper-0fbeff6d.js";var verdocsToolbarIconCss='@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-toolbar-icon{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;display:inline-block}verdocs-toolbar-icon .icon{display:inline-block;cursor:pointer}verdocs-toolbar-icon .icon svg{fill:#5c6575}verdocs-toolbar-icon .tooltip{display:none;-webkit-box-shadow:0 0 10px 1px #999999;box-shadow:0 0 10px 1px #999999;background:#ffffff;color:#33364b;max-width:240px;font-weight:bold;padding:5px 10px;font-size:13px;position:relative;border-radius:4px;z-index:20000;white-space:nowrap}verdocs-toolbar-icon .tooltip .arrow,verdocs-toolbar-icon .tooltip .arrow::before{position:absolute;width:8px;height:8px;background:inherit}verdocs-toolbar-icon .tooltip .arrow{visibility:hidden;top:-4px}verdocs-toolbar-icon .tooltip .arrow::before{visibility:visible;content:"";-webkit-transform:rotate(45deg);transform:rotate(45deg)}verdocs-toolbar-icon .tooltip[data-show]{display:block}verdocs-toolbar-icon .tooltip[data-popper-placement^=top]>.arrow{bottom:-4px}verdocs-toolbar-icon .tooltip[data-popper-placement^=bottom]>.arrow{top:-4px}verdocs-toolbar-icon .tooltip[data-popper-placement^=left]>.arrow{right:-4px}verdocs-toolbar-icon .tooltip[data-popper-placement^=right]>.arrow{left:-4px}verdocs-toolbar-icon .tooltip[data-popper-placement^=left]{padding:3px 10px}verdocs-toolbar-icon .tooltip[data-popper-placement^=left]>.arrow{right:-1px}';var VerdocsToolbarIconStyle0=verdocsToolbarIconCss;var VerdocsToolbarIcon=function(){function o(o){registerInstance(this,o);this.text="";this.icon="";this.placement="bottom";this.containerId="verdocs-toolbar-icon-".concat(Math.random().toString(36).substring(2,11))}o.prototype.componentDidLoad=function(){this.popperInstance=createPopper(this.iconEl,this.tooltip,{placement:this.placement,modifiers:this.placement==="left"?[{name:"offset",options:{offset:[0,20]}}]:[]})};o.prototype.disconnectedCallback=function(){if(this.popperInstance){this.popperInstance.destroy();this.popperInstance=null}};o.prototype.show=function(){var o,t;(o=this.tooltip)===null||o===void 0?void 0:o.setAttribute("data-show","");(t=this.popperInstance)===null||t===void 0?void 0:t.update().catch((function(){}))};o.prototype.hide=function(){var o;(o=this.tooltip)===null||o===void 0?void 0:o.removeAttribute("data-show")};o.prototype.render=function(){var o=this;return h(Host,{key:"f9c2c8bd293559e5e504b69cbc445ca813f134a2",class:{}},h("div",{key:"e5d497d4859e8bd61364f56f8c452c61ece75a76","aria-describedby":this.containerId,class:"icon",innerHTML:this.icon,onMouseEnter:function(){return o.show()},onFocus:function(){return o.show()},onMouseLeave:function(){return o.hide()},onBlur:function(){return o.hide()},ref:function(t){return o.iconEl=t}}),h("div",{key:"ebb1c0fa2cd8b58eba9d5057fc965ead53c23059",id:this.containerId,role:"tooltip",class:"tooltip","data-popper-placement":this.placement,ref:function(t){return o.tooltip=t}},this.text,h("div",{key:"df0d03fbeeeb3016dde67f6d8bf8f75c5a97105c","data-popper-arrow":"true",class:"arrow"})))};return o}();VerdocsToolbarIcon.style=VerdocsToolbarIconStyle0;export{VerdocsToolbarIcon as verdocs_toolbar_icon};

package/{loader → dist/loader}/cdn.js

@@ -1,2 +1,2 @@
-module.exports = require('../dist/cjs/loader.cjs.js');
+module.exports = require('../cjs/loader.cjs.js');
 module.exports.applyPolyfills = function() { return Promise.resolve() };

package/{loader → dist/loader}/index.cjs.js

@@ -1,2 +1,2 @@
-module.exports = require('../dist/cjs/loader.cjs.js');
+module.exports = require('../cjs/loader.cjs.js');
 module.exports.applyPolyfills = function() { return Promise.resolve() };

package/{loader → dist/loader}/index.d.ts

@@ -1,4 +1,4 @@
-export * from '../dist/types/components';
+export * from '../types/components';
 export interface CustomElementsDefineOptions {
   exclude?: string[];
   resourcesUrl?: string;

package/dist/loader/index.es2017.js

@@ -0,0 +1,2 @@
+export * from '../esm/polyfills/index.js';
+export * from '../esm/loader.js';

package/{loader → dist/loader}/index.js

@@ -1,3 +1,3 @@
 (function(){if("undefined"!==typeof window&&void 0!==window.Reflect&&void 0!==window.customElements){var a=HTMLElement;window.HTMLElement=function(){return Reflect.construct(a,[],this.constructor)};HTMLElement.prototype=a.prototype;HTMLElement.prototype.constructor=HTMLElement;Object.setPrototypeOf(HTMLElement,a)}})();
-export * from '../dist/esm/polyfills/index.js';
-export * from '../dist/esm-es5/loader.js';
+export * from '../esm/polyfills/index.js';
+export * from '../esm-es5/loader.js';

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

@@ -1,3 +1,10 @@
+/**
+ * A simple button
+ *
+ * ```jsx
+ * <verdocs-button label="Click Me" />
+ * ```
+ */
 export declare class VerdocsButton {
     /**
      * The label for the button.

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

@@ -1,4 +1,8 @@
 import { Instance } from '@popperjs/core';
+/**
+ * Display an icon button that triggers a drop-down panel that can display
+ * arbitrary child content, such as metadata, forms, or other controls.
+ */
 export declare class VerdocsButtonPanel {
     iconEl: HTMLDivElement;
     panelEl: HTMLDivElement;

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

@@ -5,6 +5,22 @@ export interface IMenuOption {
     faIcon?: any;
     disabled?: boolean;
 }
+/**
+ * Display a drop-down menu button. A menu of the specified options will be displayed when the button is pressed. The menu will be hidden
+ * when the button is pressed again, or an option is selected. Separators may be created by supplying an entry with an empty label.
+ *
+ * ```html
+ * <verdocs-dropdown
+ *   options={[
+ *     {label: 'Option 1', disabled: true},
+ *     {label: 'Option 2', id: '2'}
+ *     {label: ''}
+ *     {label: 'Option 3', id: '2'}
+ *    ]}
+ *   label="OK" onClick={() => (console.log('OK clicked'))}
+ * />
+ * ```
+ */
 export declare class VerdocsDropdown {
     el: HTMLElement;
     private dropdownButton?;

package/dist/types/components/controls/verdocs-file-chooser/verdocs-file-chooser.d.ts

@@ -1,5 +1,9 @@
 import { VerdocsEndpoint } from '@verdocs/js-sdk';
 import { EventEmitter } from '../../../stencil-public-runtime';
+/**
+ * Displays a file picker to upload an attachment. This component is just the picker - the host application or component should
+ * provide the actual upload functionality.
+ */
 export declare class VerdocsFileChooser {
     /**
      * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.

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

@@ -1,6 +1,6 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
 /**
- * Display a drop-down menu of quick filter options.
+ * Display a simple pagination control with individual buttons to move through the data set.
  */
 export declare class VerdocsQuickFilter {
     el: HTMLElement;

package/dist/types/components/controls/verdocs-progress-bar/verdocs-progress-bar.d.ts

@@ -1,5 +1,5 @@
 /**
- * Displays a summary of a template
+ * A simple progress bar.
  */
 export declare class VerdocsProgressBar {
     /**

package/dist/types/components.d.ts

@@ -117,6 +117,12 @@ export namespace Components {
          */
         "templateId": string | null;
     }
+    /**
+     * A simple button
+     * ```jsx
+     * <verdocs-button label="Click Me" />
+     * ```
+     */
     interface VerdocsButton {
         /**
           * Whether the button should be disabled.
@@ -147,6 +153,10 @@ export namespace Components {
          */
         "variant": 'standard' | 'text' | 'outline';
     }
+    /**
+     * Display an icon button that triggers a drop-down panel that can display
+     * arbitrary child content, such as metadata, forms, or other controls.
+     */
     interface VerdocsButtonPanel {
         "hidePanel": () => Promise<void>;
         /**
@@ -233,6 +243,21 @@ export namespace Components {
      */
     interface VerdocsDialog {
     }
+    /**
+     * Display a drop-down menu button. A menu of the specified options will be displayed when the button is pressed. The menu will be hidden
+     * when the button is pressed again, or an option is selected. Separators may be created by supplying an entry with an empty label.
+     * ```html
+     * <verdocs-dropdown
+     *   options={[
+     *     {label: 'Option 1', disabled: true},
+     *     {label: 'Option 2', id: '2'}
+     *     {label: ''}
+     *     {label: 'Option 3', id: '2'}
+     *    ]}
+     *   label="OK" onClick={() => (console.log('OK clicked'))}
+     * />
+     * ```
+     */
     interface VerdocsDropdown {
         /**
           * The menu options to display.
@@ -887,6 +912,10 @@ export namespace Components {
          */
         "yscale"?: number;
     }
+    /**
+     * Displays a file picker to upload an attachment. This component is just the picker - the host application or component should
+     * provide the actual upload functionality.
+     */
     interface VerdocsFileChooser {
         /**
           * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
@@ -1004,7 +1033,7 @@ export namespace Components {
         "organization": IOrganization;
     }
     /**
-     * Display a drop-down menu of quick filter options.
+     * Display a simple pagination control with individual buttons to move through the data set.
      */
     interface VerdocsPagination {
         /**
@@ -1058,7 +1087,7 @@ export namespace Components {
         "templateId": string | null;
     }
     /**
-     * Displays a summary of a template
+     * A simple progress bar.
      */
     interface VerdocsProgressBar {
         /**
@@ -2103,12 +2132,22 @@ declare global {
         prototype: HTMLVerdocsBuildElement;
         new (): HTMLVerdocsBuildElement;
     };
+    /**
+     * A simple button
+     * ```jsx
+     * <verdocs-button label="Click Me" />
+     * ```
+     */
     interface HTMLVerdocsButtonElement extends Components.VerdocsButton, HTMLStencilElement {
     }
     var HTMLVerdocsButtonElement: {
         prototype: HTMLVerdocsButtonElement;
         new (): HTMLVerdocsButtonElement;
     };
+    /**
+     * Display an icon button that triggers a drop-down panel that can display
+     * arbitrary child content, such as metadata, forms, or other controls.
+     */
     interface HTMLVerdocsButtonPanelElement extends Components.VerdocsButtonPanel, HTMLStencilElement {
     }
     var HTMLVerdocsButtonPanelElement: {
@@ -2195,6 +2234,21 @@ declare global {
     interface HTMLVerdocsDropdownElementEventMap {
         "optionSelected": IMenuOption;
     }
+    /**
+     * Display a drop-down menu button. A menu of the specified options will be displayed when the button is pressed. The menu will be hidden
+     * when the button is pressed again, or an option is selected. Separators may be created by supplying an entry with an empty label.
+     * ```html
+     * <verdocs-dropdown
+     *   options={[
+     *     {label: 'Option 1', disabled: true},
+     *     {label: 'Option 2', id: '2'}
+     *     {label: ''}
+     *     {label: 'Option 3', id: '2'}
+     *    ]}
+     *   label="OK" onClick={() => (console.log('OK clicked'))}
+     * />
+     * ```
+     */
     interface HTMLVerdocsDropdownElement extends Components.VerdocsDropdown, HTMLStencilElement {
         addEventListener<K extends keyof HTMLVerdocsDropdownElementEventMap>(type: K, listener: (this: HTMLVerdocsDropdownElement, ev: VerdocsDropdownCustomEvent<HTMLVerdocsDropdownElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
         addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
@@ -2575,6 +2629,10 @@ declare global {
     interface HTMLVerdocsFileChooserElementEventMap {
         "fileSelected": {file: File | null};
     }
+    /**
+     * Displays a file picker to upload an attachment. This component is just the picker - the host application or component should
+     * provide the actual upload functionality.
+     */
     interface HTMLVerdocsFileChooserElement extends Components.VerdocsFileChooser, HTMLStencilElement {
         addEventListener<K extends keyof HTMLVerdocsFileChooserElementEventMap>(type: K, listener: (this: HTMLVerdocsFileChooserElement, ev: VerdocsFileChooserCustomEvent<HTMLVerdocsFileChooserElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
         addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
@@ -2710,7 +2768,7 @@ declare global {
         "selectPage": {selectedPage: number};
     }
     /**
-     * Display a drop-down menu of quick filter options.
+     * Display a simple pagination control with individual buttons to move through the data set.
      */
     interface HTMLVerdocsPaginationElement extends Components.VerdocsPagination, HTMLStencilElement {
         addEventListener<K extends keyof HTMLVerdocsPaginationElementEventMap>(type: K, listener: (this: HTMLVerdocsPaginationElement, ev: VerdocsPaginationCustomEvent<HTMLVerdocsPaginationElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -2774,7 +2832,7 @@ declare global {
         new (): HTMLVerdocsPreviewElement;
     };
     /**
-     * Displays a summary of a template
+     * A simple progress bar.
      */
     interface HTMLVerdocsProgressBarElement extends Components.VerdocsProgressBar, HTMLStencilElement {
     }
@@ -3791,6 +3849,12 @@ declare namespace LocalJSX {
          */
         "templateId"?: string | null;
     }
+    /**
+     * A simple button
+     * ```jsx
+     * <verdocs-button label="Click Me" />
+     * ```
+     */
     interface VerdocsButton {
         /**
           * Whether the button should be disabled.
@@ -3821,6 +3885,10 @@ declare namespace LocalJSX {
          */
         "variant"?: 'standard' | 'text' | 'outline';
     }
+    /**
+     * Display an icon button that triggers a drop-down panel that can display
+     * arbitrary child content, such as metadata, forms, or other controls.
+     */
     interface VerdocsButtonPanel {
         /**
           * SVG icon to display
@@ -3920,6 +3988,21 @@ declare namespace LocalJSX {
          */
         "onExit"?: (event: VerdocsDialogCustomEvent<any>) => void;
     }
+    /**
+     * Display a drop-down menu button. A menu of the specified options will be displayed when the button is pressed. The menu will be hidden
+     * when the button is pressed again, or an option is selected. Separators may be created by supplying an entry with an empty label.
+     * ```html
+     * <verdocs-dropdown
+     *   options={[
+     *     {label: 'Option 1', disabled: true},
+     *     {label: 'Option 2', id: '2'}
+     *     {label: ''}
+     *     {label: 'Option 3', id: '2'}
+     *    ]}
+     *   label="OK" onClick={() => (console.log('OK clicked'))}
+     * />
+     * ```
+     */
     interface VerdocsDropdown {
         /**
           * Event fired when a menu option is clicked. Web Component events need to be "composed" to cross the Shadow DOM and be received by parent frameworks.
@@ -4743,6 +4826,10 @@ declare namespace LocalJSX {
          */
         "yscale"?: number;
     }
+    /**
+     * Displays a file picker to upload an attachment. This component is just the picker - the host application or component should
+     * provide the actual upload functionality.
+     */
     interface VerdocsFileChooser {
         /**
           * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
@@ -4892,7 +4979,7 @@ declare namespace LocalJSX {
         "organization"?: IOrganization;
     }
     /**
-     * Display a drop-down menu of quick filter options.
+     * Display a simple pagination control with individual buttons to move through the data set.
      */
     interface VerdocsPagination {
         /**
@@ -4955,7 +5042,7 @@ declare namespace LocalJSX {
         "templateId"?: string | null;
     }
     /**
-     * Displays a summary of a template
+     * A simple progress bar.
      */
     interface VerdocsProgressBar {
         /**
@@ -6135,7 +6222,17 @@ declare module "@stencil/core" {
              * Display a template building experience.
              */
             "verdocs-build": LocalJSX.VerdocsBuild & JSXBase.HTMLAttributes<HTMLVerdocsBuildElement>;
+            /**
+             * A simple button
+             * ```jsx
+             * <verdocs-button label="Click Me" />
+             * ```
+             */
             "verdocs-button": LocalJSX.VerdocsButton & JSXBase.HTMLAttributes<HTMLVerdocsButtonElement>;
+            /**
+             * Display an icon button that triggers a drop-down panel that can display
+             * arbitrary child content, such as metadata, forms, or other controls.
+             */
             "verdocs-button-panel": LocalJSX.VerdocsButtonPanel & JSXBase.HTMLAttributes<HTMLVerdocsButtonPanelElement>;
             /**
              * Displays a check box. Note that this is different from the `verdocs-field-checkbox` component, which is designed
@@ -6170,6 +6267,21 @@ declare module "@stencil/core" {
              * Display a simple dialog where the contents are provided via slots.
              */
             "verdocs-dialog": LocalJSX.VerdocsDialog & JSXBase.HTMLAttributes<HTMLVerdocsDialogElement>;
+            /**
+             * Display a drop-down menu button. A menu of the specified options will be displayed when the button is pressed. The menu will be hidden
+             * when the button is pressed again, or an option is selected. Separators may be created by supplying an entry with an empty label.
+             * ```html
+             * <verdocs-dropdown
+             *   options={[
+             *     {label: 'Option 1', disabled: true},
+             *     {label: 'Option 2', id: '2'}
+             *     {label: ''}
+             *     {label: 'Option 3', id: '2'}
+             *    ]}
+             *   label="OK" onClick={() => (console.log('OK clicked'))}
+             * />
+             * ```
+             */
             "verdocs-dropdown": LocalJSX.VerdocsDropdown & JSXBase.HTMLAttributes<HTMLVerdocsDropdownElement>;
             /**
              * Represents one document page. This is primarily a layout container used to coordinate positions of
@@ -6243,6 +6355,10 @@ declare module "@stencil/core" {
              * Display a timestamp field.
              */
             "verdocs-field-timestamp": LocalJSX.VerdocsFieldTimestamp & JSXBase.HTMLAttributes<HTMLVerdocsFieldTimestampElement>;
+            /**
+             * Displays a file picker to upload an attachment. This component is just the picker - the host application or component should
+             * provide the actual upload functionality.
+             */
             "verdocs-file-chooser": LocalJSX.VerdocsFileChooser & JSXBase.HTMLAttributes<HTMLVerdocsFileChooserElement>;
             /**
              * Floating Action Button style menu. For proper placement, this should be added to the DOM inside a container that is set to
@@ -6280,7 +6396,7 @@ declare module "@stencil/core" {
              */
             "verdocs-organization-card": LocalJSX.VerdocsOrganizationCard & JSXBase.HTMLAttributes<HTMLVerdocsOrganizationCardElement>;
             /**
-             * Display a drop-down menu of quick filter options.
+             * Display a simple pagination control with individual buttons to move through the data set.
              */
             "verdocs-pagination": LocalJSX.VerdocsPagination & JSXBase.HTMLAttributes<HTMLVerdocsPaginationElement>;
             /**
@@ -6299,7 +6415,7 @@ declare module "@stencil/core" {
              */
             "verdocs-preview": LocalJSX.VerdocsPreview & JSXBase.HTMLAttributes<HTMLVerdocsPreviewElement>;
             /**
-             * Displays a summary of a template
+             * A simple progress bar.
              */
             "verdocs-progress-bar": LocalJSX.VerdocsProgressBar & JSXBase.HTMLAttributes<HTMLVerdocsProgressBarElement>;
             /**

package/dist/verdocs-web-sdk/{p-b355111d.entry.js → p-0003dac3.entry.js}

@@ -1 +1 @@
-import{r as e,c as s,h as i,H as l}from"./p-73a6f972.js";import{VerdocsEndpoint as t,listEnvelopes as a,integerSequence as o,getRecipientsWithActions as n,userCanCancelEnvelope as d,userCanAct as r,cancelEnvelope as c}from"@verdocs/js-sdk";import{s as p}from"./p-7b397f3a.js";import{V as h}from"./p-026b3103.js";import{S as v}from"./p-fd97809c.js";import"./p-251c4106.js";import"./p-edaec1b6.js";const f=[{value:"all",label:"All"},{value:"inbox",label:"Inbox"},{value:"sent",label:"Sent"},{value:"completed",label:"Completed"},{value:"action",label:"Action Required"},{value:"waiting",label:"Waiting on Others"}],x=[{value:"all",label:"All"},{value:"pending",label:"Pending"},{value:"in progress",label:"In Progress"},{value:"complete",label:"Completed"},{value:"declined",label:"Declined"},{value:"canceled",label:"Canceled"}],b=[{value:"created_at",label:"Created"},{value:"updated_at",label:"Updated"},{value:"canceled_at",label:"Canceled"},{value:"envelope_name",label:"Name"},{value:"envelope_status",label:"Status"}],u=class{constructor(i){e(this,i),this.changeView=s(this,"changeView",7),this.changeStatus=s(this,"changeStatus",7),this.changeSort=s(this,"changeSort",7),this.changeMatch=s(this,"changeMatch",7),this.sdkError=s(this,"sdkError",7),this.viewEnvelope=s(this,"viewEnvelope",7),this.finishEnvelope=s(this,"finishEnvelope",7),this.endpoint=t.getDefault(),this.view=void 0,this.status="all",this.sort="created_at",this.match="",this.showPagination=!0,this.rowsPerPage=10,this.selectedPage=0,this.count=0,this.initiallyLoaded=!1,this.loading=!0,this.selectedEnvelopes=[],this.envelopes=[]}handleViewUpdated(){return this.queryEnvelopes()}handleStatusUpdated(){return this.queryEnvelopes()}handleSortUpdated(){return this.queryEnvelopes()}handleMatchUpdated(){return this.queryEnvelopes()}handlePageUpdated(){return this.queryEnvelopes()}componentWillLoad(){this.endpoint.loadSession(),this.endpoint.session||console.log("[ENVELOPES] Must be authenticated")}async componentDidLoad(){await this.queryEnvelopes(),this.initiallyLoaded=!0}async queryEnvelopes(){var e,s,i;try{this.loading=!0;let e={page:this.selectedPage,rows:this.rowsPerPage};switch(this.view){case"all":default:e={...e,status:"all"===this.status?["pending","in progress","complete","declined","canceled"]:[this.status]};break;case"inbox":e={...e};break;case"sent":e={...e,is_owner:!0};break;case"action":e={...e,status:["pending","in progress"]};break;case"waiting":e={...e,is_owner:!0,status:["pending","in progress"]};break;case"completed":e={...e,status:["complete"]}}"all"===this.view&&"all"!==this.status&&(e.status=[this.status]),this.match.trim();const s=await a(this.endpoint,e);this.envelopes=s.envelopes,this.count=s.total,this.loading=!1}catch(l){this.loading=!1,console.log("[ENVELOPES] Error listing envelopes",l),null===(e=this.sdkError)||void 0===e||e.emit(new v(l.message,null===(s=l.response)||void 0===s?void 0:s.status,null===(i=l.response)||void 0===i?void 0:i.data))}}handleDownload(){p(this.endpoint,this.selectedEnvelopes).then((()=>{this.selectedEnvelopes=[]})).catch((e=>{console.log("[ENVELOPES] Download error",e),h("Download error: "+e.message,{style:"error"})}))}downloadEnvelope(e){p(this.endpoint,[e]).catch((e=>{console.log("[ENVELOPES] Download error",e),h("Download error: "+e.message,{style:"error"})}))}render(){return i(l,{key:"4b7bda7f7615513f3e263d8dd0635733e069829d"},i("div",{key:"2f8e6a7c99c0beba2ea5ca4b70f5547f6735d61e",class:"header"},i("div",{key:"3be14d43f05437301237aef3ce5ea491f6e7747c",class:"filter"},i("verdocs-text-input",{key:"3ec6f05183dbede1787c8f8eca98b5db9079b488",id:"verdocs-filter-name",value:this.match,clearable:!0,autocomplete:"off",placeholder:"Filter by Name, Recipient, or Field...",onFocusout:e=>{var s;this.match=e.target.value.trim(),null===(s=this.changeMatch)||void 0===s||s.emit(this.match)}})),i("verdocs-quick-filter",{key:"7822828a8a7ebbb820ee689b09c9e0a5eb764edb",label:"View",value:this.view,options:f,onOptionSelected:e=>{this.view=e.detail.value}}),"all"===this.view&&i("verdocs-quick-filter",{key:"a181198baa609fd7e170635a2f9e5c567d9227eb",label:"Status",value:this.status,options:x,onOptionSelected:e=>{this.status=e.detail.value}}),"all"===this.view&&i("verdocs-quick-filter",{key:"14a253295139825b43c20bafe8e56a253242f1f8",label:"Sort By",value:this.sort,options:b,onOptionSelected:e=>{this.sort=e.detail.value}}),this.loading&&i("verdocs-spinner",{key:"8e72be52c0dcf484761187c14ef99607b91ab9ca",mode:"dark",size:24}),i("div",{key:"c31e47e5b85fff3841620bde02ecf71a177b769f",style:{display:"flex",flex:"1"}}),this.selectedEnvelopes.length>0&&i("verdocs-button",{key:"4fc3bf3c3e04efd833f4dec4e09862969a30da2a",label:`Download (${this.selectedEnvelopes.length})`,onClick:()=>this.handleDownload()})),this.envelopes.map((e=>{var s;const l=n(e),t=d(this.endpoint.session,e),a=l.find((e=>{var s;return e.email===(null===(s=this.endpoint.session)||void 0===s?void 0:s.email)||""})),o=[{label:"View Envelope",id:"view"},{label:"Finish Envelope",id:"finish",disabled:!(a&&t&&r((null===(s=this.endpoint.session)||void 0===s?void 0:s.email)||"",l))},{label:"Download",id:"download"},{label:"Cancel",id:"cancel",disabled:!t}];return i("div",{class:"envelope",key:e.id,onClick:()=>{var s;return null===(s=this.viewEnvelope)||void 0===s?void 0:s.emit({endpoint:this.endpoint,envelope:e})}},i("div",{class:"inner"},i("verdocs-checkbox",{checked:-1!==this.selectedEnvelopes.findIndex((s=>s.id===e.id)),onClick:e=>e.stopPropagation(),onInput:s=>{this.selectedEnvelopes=s.target.checked?[...this.selectedEnvelopes,e]:this.selectedEnvelopes.filter((s=>s.id!==e.id))}}),i("div",{class:"vert-spacer"}),i("span",{innerHTML:'<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="#000000" viewBox="0 0 24 24" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12h3.75M9 15h3.75M9 18h3.75m3 .75H18a2.25 2.25 0 002.25-2.25V6.108c0-1.135-.845-2.098-1.976-2.192a48.424 48.424 0 00-1.123-.08m-5.801 0c-.065.21-.1.433-.1.664 0 .414.336.75.75.75h4.5a.75.75 0 00.75-.75 2.25 2.25 0 00-.1-.664m-5.8 0A2.251 2.251 0 0113.5 2.25H15c1.012 0 1.867.668 2.15 1.586m-5.8 0c-.376.023-.75.05-1.124.08C9.095 4.01 8.25 4.973 8.25 6.108V8.25m0 0H4.875c-.621 0-1.125.504-1.125 1.125v11.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V9.375c0-.621-.504-1.125-1.125-1.125H8.25zM6.75 12h.008v.008H6.75V12zm0 3h.008v.008H6.75V15zm0 3h.008v.008H6.75V18z" /></svg>',class:"envelope-icon"}),i("div",{class:"envelope-name"},e.name,":  ",i("div",{class:"envelope-recipients"},e.recipients.map((e=>e.full_name)).join(", "))),i("div",{class:"vert-spacer"}),i("verdocs-status-indicator",{envelope:e,style:{width:"125px"}}),i("div",{class:"vert-spacer"}),i("div",{class:"last-modified"},new Date(e.updated_at).toLocaleString()),i("div",{class:"vert-spacer"}),i("verdocs-dropdown",{options:o,onOptionSelected:s=>{var i,l;switch(s.detail.id){case"view":null===(i=this.viewEnvelope)||void 0===i||i.emit({endpoint:this.endpoint,envelope:e});break;case"finish":null===(l=this.finishEnvelope)||void 0===l||l.emit({endpoint:this.endpoint,envelope:e});break;case"download":this.downloadEnvelope(e);break;case"cancel":window.confirm("Are you sure you want to cancel this envelope?")&&(c(this.endpoint,e.id).then((()=>h("Envelope canceled"))).catch((e=>h("Unable to cancel envelope: "+e.messabge,{style:"error"}))),this.queryEnvelopes().catch((()=>{})))}}})))})),!this.initiallyLoaded&&i("div",{key:"cf943955958934d6bab489b04c6af5b026649998",style:{width:"100%"}},o(0,this.rowsPerPage).map((()=>i("div",{class:"envelope-placeholder"})))),this.initiallyLoaded&&!this.envelopes.length&&i("div",{key:"e9c7b5ee1c2600ff9876624f3d61a830903f0345",class:"empty-text"},"No matching envelopes found. Please adjust your filters and try again."),this.initiallyLoaded&&this.envelopes.length&&this.showPagination?i("div",{style:{marginTop:"20px"}},i("verdocs-pagination",{selectedPage:this.selectedPage,perPage:this.rowsPerPage,itemCount:this.count,onSelectPage:e=>{this.selectedPage=e.detail.selectedPage}})):i("div",null))}static get watchers(){return{view:["handleViewUpdated"],status:["handleStatusUpdated"],sort:["handleSortUpdated"],match:["handleMatchUpdated"],selectedPage:["handlePageUpdated"]}}};u.style='@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-envelopes-list{display:-ms-flexbox;display:flex;padding:10px;font-size:18px;-ms-flex-wrap:nowrap;flex-wrap:nowrap;border-radius:6px;color:#33364b;-ms-flex-direction:column;flex-direction:column;font-family:"Inter", "Barlow", sans-serif}@media screen and (max-width: 800px){verdocs-envelopes-list{font-size:14px}}verdocs-envelopes-list .envelope-placeholder{height:48px;-ms-flex:0 0 48px;flex:0 0 48px;margin:5px 0;border-radius:5px;background:#f5f5fa}verdocs-envelopes-list .header{width:100%;row-gap:4px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-column-gap:12px;-moz-column-gap:12px;column-gap:12px;margin:0 0 10px 0;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-envelopes-list .header .filter{width:300px}verdocs-envelopes-list .header verdocs-text-input{margin:0}verdocs-envelopes-list .header verdocs-text-input input{height:32px}verdocs-envelopes-list .filter{-ms-flex-align:center;align-items:center}verdocs-envelopes-list .envelope{width:100%;margin:3px 0;background:#ffffff}verdocs-envelopes-list .envelope:hover{cursor:pointer;background:#f5f5fa}verdocs-envelopes-list .envelope .inner{gap:12px;display:-ms-flexbox;display:flex;padding:8px 14px;border-radius:5px;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;container-type:inline-size}verdocs-envelopes-list .envelope .inner svg{width:24px;height:24px}verdocs-envelopes-list .vert-spacer{height:50px;display:-ms-flexbox;display:flex;-ms-flex:0 0 1px;flex:0 0 1px;border-right:1px solid #dad8dd}@media screen and (max-width: 800px){verdocs-envelopes-list .vert-spacer{display:none}}@media screen and (max-width: 800px){verdocs-envelopes-list .envelope-icon{display:none}}@media screen and (max-width: 800px){verdocs-envelopes-list verdocs-checkbox{display:none}}verdocs-envelopes-list .last-modified{color:#444;display:-ms-flexbox;display:flex;-ms-flex:0 0 180px;flex:0 0 180px;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;white-space:nowrap}@media screen and (max-width: 800px){verdocs-envelopes-list .last-modified{display:none}}verdocs-envelopes-list .envelope-name{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;color:#000000;line-height:28px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}verdocs-envelopes-list .envelope-recipients{color:#4b5563;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}verdocs-envelopes-list .empty-text{text-align:center;margin:16px 0 0 0;padding:80px 80px;border:2px solid #ccc}verdocs-envelopes-list .containing{gap:12px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}@media screen and (max-width: 800px){verdocs-envelopes-list verdocs-status-indicator{font-size:14px}}';export{u as verdocs_envelopes_list}
+import{r as e,c as s,h as i,H as l}from"./p-73a6f972.js";import{VerdocsEndpoint as t,listEnvelopes as a,integerSequence as o,getRecipientsWithActions as n,userCanCancelEnvelope as d,userCanAct as r,cancelEnvelope as c}from"@verdocs/js-sdk";import{s as p}from"./p-7b397f3a.js";import{V as h}from"./p-026b3103.js";import{S as v}from"./p-fd97809c.js";import"./p-251c4106.js";import"./p-edaec1b6.js";const f=[{value:"all",label:"All"},{value:"inbox",label:"Inbox"},{value:"sent",label:"Sent"},{value:"completed",label:"Completed"},{value:"action",label:"Action Required"},{value:"waiting",label:"Waiting on Others"}],x=[{value:"all",label:"All"},{value:"pending",label:"Pending"},{value:"in progress",label:"In Progress"},{value:"complete",label:"Completed"},{value:"declined",label:"Declined"},{value:"canceled",label:"Canceled"}],b=[{value:"created_at",label:"Created"},{value:"updated_at",label:"Updated"},{value:"canceled_at",label:"Canceled"},{value:"envelope_name",label:"Name"},{value:"envelope_status",label:"Status"}],u=class{constructor(i){e(this,i),this.changeView=s(this,"changeView",7),this.changeStatus=s(this,"changeStatus",7),this.changeSort=s(this,"changeSort",7),this.changeMatch=s(this,"changeMatch",7),this.sdkError=s(this,"sdkError",7),this.viewEnvelope=s(this,"viewEnvelope",7),this.finishEnvelope=s(this,"finishEnvelope",7),this.endpoint=t.getDefault(),this.view=void 0,this.status="all",this.sort="created_at",this.match="",this.showPagination=!0,this.rowsPerPage=10,this.selectedPage=0,this.count=0,this.initiallyLoaded=!1,this.loading=!0,this.selectedEnvelopes=[],this.envelopes=[]}handleViewUpdated(){return this.queryEnvelopes()}handleStatusUpdated(){return this.queryEnvelopes()}handleSortUpdated(){return this.queryEnvelopes()}handleMatchUpdated(){return this.queryEnvelopes()}handlePageUpdated(){return this.queryEnvelopes()}componentWillLoad(){this.endpoint.loadSession(),this.endpoint.session||console.log("[ENVELOPES] Must be authenticated")}async componentDidLoad(){await this.queryEnvelopes(),this.initiallyLoaded=!0}async queryEnvelopes(){var e,s,i;try{this.loading=!0;let e={page:this.selectedPage,rows:this.rowsPerPage};switch(this.view){case"all":default:e={...e,status:"all"===this.status?["pending","in progress","complete","declined","canceled"]:[this.status]};break;case"inbox":e={...e};break;case"sent":e={...e,is_owner:!0};break;case"action":e={...e,status:["pending","in progress"]};break;case"waiting":e={...e,is_owner:!0,status:["pending","in progress"]};break;case"completed":e={...e,status:["complete"]}}"all"===this.view&&"all"!==this.status&&(e.status=[this.status]),this.match.trim();const s=await a(this.endpoint,e);this.envelopes=s.envelopes,this.count=s.total,this.loading=!1}catch(l){this.loading=!1,console.log("[ENVELOPES] Error listing envelopes",l),null===(e=this.sdkError)||void 0===e||e.emit(new v(l.message,null===(s=l.response)||void 0===s?void 0:s.status,null===(i=l.response)||void 0===i?void 0:i.data))}}handleDownload(){p(this.endpoint,this.selectedEnvelopes).then((()=>{this.selectedEnvelopes=[]})).catch((e=>{console.log("[ENVELOPES] Download error",e),h("Download error: "+e.message,{style:"error"})}))}downloadEnvelope(e){p(this.endpoint,[e]).catch((e=>{console.log("[ENVELOPES] Download error",e),h("Download error: "+e.message,{style:"error"})}))}render(){return i(l,{key:"1533851ebdceca1b689aec246de482f547817585"},i("div",{key:"a33685ad776d4ad2282a794fc08a6928c2a2c2c6",class:"header"},i("div",{key:"774df81f4db58154c20b5aa6d00585cf70f2c0be",class:"filter"},i("verdocs-text-input",{key:"d279867c1693c181d115ed9380263f7ca33cf54e",id:"verdocs-filter-name",value:this.match,clearable:!0,autocomplete:"off",placeholder:"Filter by Name, Recipient, or Field...",onFocusout:e=>{var s;this.match=e.target.value.trim(),null===(s=this.changeMatch)||void 0===s||s.emit(this.match)}})),i("verdocs-quick-filter",{key:"0e24f54710055db16f106c43419ae8c7d60a137a",label:"View",value:this.view,options:f,onOptionSelected:e=>{this.view=e.detail.value}}),"all"===this.view&&i("verdocs-quick-filter",{key:"d94ade343fe8dfabb11cc6995960c2a221e3fdc4",label:"Status",value:this.status,options:x,onOptionSelected:e=>{this.status=e.detail.value}}),"all"===this.view&&i("verdocs-quick-filter",{key:"5b7e637fb7621c1e3b8c52888fd9fabc5b56e27e",label:"Sort By",value:this.sort,options:b,onOptionSelected:e=>{this.sort=e.detail.value}}),this.loading&&i("verdocs-spinner",{key:"2c1a05c9c04cd61733816141c6811ba52229056c",mode:"dark",size:24}),i("div",{key:"5af2c9f56ba9bb21cba28637b925dc011613bd05",style:{display:"flex",flex:"1"}}),this.selectedEnvelopes.length>0&&i("verdocs-button",{key:"06bc8e1fd09692bdaf9e56268a8592d97ff10cce",label:`Download (${this.selectedEnvelopes.length})`,onClick:()=>this.handleDownload()})),this.envelopes.map((e=>{var s;const l=n(e),t=d(this.endpoint.session,e),a=l.find((e=>{var s;return e.email===(null===(s=this.endpoint.session)||void 0===s?void 0:s.email)||""})),o=[{label:"View Envelope",id:"view"},{label:"Finish Envelope",id:"finish",disabled:!(a&&t&&r((null===(s=this.endpoint.session)||void 0===s?void 0:s.email)||"",l))},{label:"Download",id:"download"},{label:"Cancel",id:"cancel",disabled:!t}];return i("div",{class:"envelope",key:e.id,onClick:()=>{var s;return null===(s=this.viewEnvelope)||void 0===s?void 0:s.emit({endpoint:this.endpoint,envelope:e})}},i("div",{class:"inner"},i("verdocs-checkbox",{checked:-1!==this.selectedEnvelopes.findIndex((s=>s.id===e.id)),onClick:e=>e.stopPropagation(),onInput:s=>{this.selectedEnvelopes=s.target.checked?[...this.selectedEnvelopes,e]:this.selectedEnvelopes.filter((s=>s.id!==e.id))}}),i("div",{class:"vert-spacer"}),i("span",{innerHTML:'<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="#000000" viewBox="0 0 24 24" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12h3.75M9 15h3.75M9 18h3.75m3 .75H18a2.25 2.25 0 002.25-2.25V6.108c0-1.135-.845-2.098-1.976-2.192a48.424 48.424 0 00-1.123-.08m-5.801 0c-.065.21-.1.433-.1.664 0 .414.336.75.75.75h4.5a.75.75 0 00.75-.75 2.25 2.25 0 00-.1-.664m-5.8 0A2.251 2.251 0 0113.5 2.25H15c1.012 0 1.867.668 2.15 1.586m-5.8 0c-.376.023-.75.05-1.124.08C9.095 4.01 8.25 4.973 8.25 6.108V8.25m0 0H4.875c-.621 0-1.125.504-1.125 1.125v11.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V9.375c0-.621-.504-1.125-1.125-1.125H8.25zM6.75 12h.008v.008H6.75V12zm0 3h.008v.008H6.75V15zm0 3h.008v.008H6.75V18z" /></svg>',class:"envelope-icon"}),i("div",{class:"envelope-name"},e.name,":  ",i("div",{class:"envelope-recipients"},e.recipients.map((e=>e.full_name)).join(", "))),i("div",{class:"vert-spacer"}),i("verdocs-status-indicator",{envelope:e,style:{width:"125px"}}),i("div",{class:"vert-spacer"}),i("div",{class:"last-modified"},new Date(e.updated_at).toLocaleString()),i("div",{class:"vert-spacer"}),i("verdocs-dropdown",{options:o,onOptionSelected:s=>{var i,l;switch(s.detail.id){case"view":null===(i=this.viewEnvelope)||void 0===i||i.emit({endpoint:this.endpoint,envelope:e});break;case"finish":null===(l=this.finishEnvelope)||void 0===l||l.emit({endpoint:this.endpoint,envelope:e});break;case"download":this.downloadEnvelope(e);break;case"cancel":window.confirm("Are you sure you want to cancel this envelope?")&&(c(this.endpoint,e.id).then((()=>h("Envelope canceled"))).catch((e=>h("Unable to cancel envelope: "+e.messabge,{style:"error"}))),this.queryEnvelopes().catch((()=>{})))}}})))})),!this.initiallyLoaded&&i("div",{key:"ff38c547cc65bd2559dc9f2fb5be237384f56be5",style:{width:"100%"}},o(0,this.rowsPerPage).map((()=>i("div",{class:"envelope-placeholder"})))),this.initiallyLoaded&&!this.envelopes.length&&i("div",{key:"bd666277c44235c7ef9855b1b7985860b8d8f0da",class:"empty-text"},"No matching envelopes found. Please adjust your filters and try again."),this.initiallyLoaded&&this.envelopes.length&&this.showPagination?i("div",{style:{marginTop:"20px"}},i("verdocs-pagination",{selectedPage:this.selectedPage,perPage:this.rowsPerPage,itemCount:this.count,onSelectPage:e=>{this.selectedPage=e.detail.selectedPage}})):i("div",null))}static get watchers(){return{view:["handleViewUpdated"],status:["handleStatusUpdated"],sort:["handleSortUpdated"],match:["handleMatchUpdated"],selectedPage:["handlePageUpdated"]}}};u.style='@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-envelopes-list{display:-ms-flexbox;display:flex;padding:10px;font-size:18px;-ms-flex-wrap:nowrap;flex-wrap:nowrap;border-radius:6px;color:#33364b;-ms-flex-direction:column;flex-direction:column;font-family:"Inter", "Barlow", sans-serif}@media screen and (max-width: 800px){verdocs-envelopes-list{font-size:14px}}verdocs-envelopes-list .envelope-placeholder{height:48px;-ms-flex:0 0 48px;flex:0 0 48px;margin:5px 0;border-radius:5px;background:#f5f5fa}verdocs-envelopes-list .header{width:100%;row-gap:4px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-column-gap:12px;-moz-column-gap:12px;column-gap:12px;margin:0 0 10px 0;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-envelopes-list .header .filter{width:300px}verdocs-envelopes-list .header verdocs-text-input{margin:0}verdocs-envelopes-list .header verdocs-text-input input{height:32px}verdocs-envelopes-list .filter{-ms-flex-align:center;align-items:center}verdocs-envelopes-list .envelope{width:100%;margin:3px 0;background:#ffffff}verdocs-envelopes-list .envelope:hover{cursor:pointer;background:#f5f5fa}verdocs-envelopes-list .envelope .inner{gap:12px;display:-ms-flexbox;display:flex;padding:8px 14px;border-radius:5px;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;container-type:inline-size}verdocs-envelopes-list .envelope .inner svg{width:24px;height:24px}verdocs-envelopes-list .vert-spacer{height:50px;display:-ms-flexbox;display:flex;-ms-flex:0 0 1px;flex:0 0 1px;border-right:1px solid #dad8dd}@media screen and (max-width: 800px){verdocs-envelopes-list .vert-spacer{display:none}}@media screen and (max-width: 800px){verdocs-envelopes-list .envelope-icon{display:none}}@media screen and (max-width: 800px){verdocs-envelopes-list verdocs-checkbox{display:none}}verdocs-envelopes-list .last-modified{color:#444;display:-ms-flexbox;display:flex;-ms-flex:0 0 180px;flex:0 0 180px;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;white-space:nowrap}@media screen and (max-width: 800px){verdocs-envelopes-list .last-modified{display:none}}verdocs-envelopes-list .envelope-name{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;color:#000000;line-height:28px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}verdocs-envelopes-list .envelope-recipients{color:#4b5563;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}verdocs-envelopes-list .empty-text{text-align:center;margin:16px 0 0 0;padding:80px 80px;border:2px solid #ccc}verdocs-envelopes-list .containing{gap:12px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}@media screen and (max-width: 800px){verdocs-envelopes-list verdocs-status-indicator{font-size:14px}}';export{u as verdocs_envelopes_list}