@verdocs/web-sdk 5.0.38 → 5.0.40

package/dist/verdocs-web-sdk/{p-54fc4cdb.system.entry.js → p-644444fe.system.entry.js}

@@ -1,2 +1,2 @@
-System.register(["./p-60387e15.system.js"],(function(r){"use strict";var o,e,n;return{setters:[function(r){o=r.r;e=r.h;n=r.H}],execute:function(){var t='@-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 a=t;var s=r("verdocs_template_tags",function(){function r(r){o(this,r)}r.prototype.render=function(){var r;return e(n,{key:"bc7bd2b353f4f73cf6dd9fdd5d633c0d7e033b70"},(r=this.tags)===null||r===void 0?void 0:r.map((function(r){return e("span",null,r)})))};return r}());s.style=a}}}));
-//# sourceMappingURL=p-54fc4cdb.system.entry.js.map
+System.register(["./p-60387e15.system.js"],(function(r){"use strict";var o,e,a;return{setters:[function(r){o=r.r;e=r.h;a=r.H}],execute:function(){var n='@-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 t=n;var s=r("verdocs_template_tags",function(){function r(r){o(this,r)}r.prototype.render=function(){var r;return e(a,{key:"195b981b22a559b2de73d87811b37a4e8b7ccd14"},(r=this.tags)===null||r===void 0?void 0:r.map((function(r){return e("span",null,r)})))};return r}());s.style=t}}}));
+//# sourceMappingURL=p-644444fe.system.entry.js.map

package/dist/verdocs-web-sdk/{p-1257494a.system.entry.js → p-796daf3e.system.entry.js}

@@ -1,2 +1,2 @@
-System.register(["./p-60387e15.system.js","./p-2c5350ec.system.js"],(function(o){"use strict";var e,r,i,a,c;return{setters:[function(o){e=o.r;r=o.h;i=o.H;a=o.c},function(o){c=o.f}],execute:function(){var s='@-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-organization-card{font-family:"Inter", "Barlow", sans-serif;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;border:1px solid #cccccc;background:#ffffff;border-radius:8px;padding:7px 15px}verdocs-organization-card .icon{-ms-flex:0;flex:0;height:24px;width:24px;margin:0 14px 0 0}verdocs-organization-card .icon svg{fill:#aeb4bf;height:24px;width:24px}verdocs-organization-card .content{margin-top:2px}.verdocs-org-card-popup{font-family:"Inter", "Barlow", sans-serif;background:#ffffff;border-radius:10px;width:326px;padding:20px 40px 0 40px;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;border:1px solid #cccccc}.verdocs-org-card-popup .popup-header-with-logo{display:-ms-flexbox;display:flex;-ms-flex:0;flex:0;gap:20px;-ms-flex-direction:column;flex-direction:column;margin:0 0 20px 0;font-size:21px;line-height:16px;color:#4c56cb}.verdocs-org-card-popup .popup-header-with-logo img{max-width:300px;max-height:50px}.verdocs-org-card-popup .popup-header{display:-ms-flexbox;display:flex;-ms-flex:0;flex:0;gap:20px;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:end;align-items:flex-end;margin:0 0 20px 0;font-size:21px;line-height:16px;color:#4c56cb}.verdocs-org-card-popup .popup-body{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-size:14px;text-transform:uppercase}.verdocs-org-card-popup .status{-webkit-transform:scale(1.5);transform:scale(1.5);width:24px;height:24px}.verdocs-org-card-popup .field{margin:0 0 20px 0}.verdocs-org-card-popup .field strong{color:#7b7b9a;display:block;margin:0 0 5px 0}.verdocs-org-card-popup .field a{color:#654dcb;text-transform:uppercase}';var d=s;var t='<svg xmlns="http://www.w3.org/2000/svg"  focusable="false" aria-hidden="true" height="24px" viewBox="0 0 24 24" width="24px"><path d="M12 7V3H2v18h20V7H12zM6 19H4v-2h2v2zm0-4H4v-2h2v2zm0-4H4V9h2v2zm0-4H4V5h2v2zm4 12H8v-2h2v2zm0-4H8v-2h2v2zm0-4H8V9h2v2zm0-4H8V5h2v2zm10 12h-8v-2h2v-2h-2v-2h2v-2h-2V9h8v10zm-2-8h-2v2h2v-2zm0 4h-2v2h2v-2z"></path></svg>';var n=o("verdocs_organization_card",function(){function o(o){e(this,o);this.hovered=false}o.prototype.onMouseOver=function(){this.hovered=true};o.prototype.onMouseOut=function(){this.hovered=false};o.prototype.render=function(){var o,e,a,s,d,n;console.log("Rendering org card",this.organization.thumbnail_url,this.organization);var l=t;var p="verdocs-org-card-".concat(this.organization.id);return r(i,{key:"f6c8ad8bc095f37d036de897927380147a001e96",id:p},this.organization.thumbnail_url?r("img",{class:"icon",src:this.organization.thumbnail_url,alt:"Logo"}):r("span",{class:"icon",innerHTML:l}),r("span",{key:"c1dc4462971dd0793ad72d4591f728b7219b4bea",class:"content"},(o=this.organization)===null||o===void 0?void 0:o.name),r("verdocs-portal",{key:"3d99780a747d160548c9cee3dd06d57036cfa93a",anchor:p},r("div",{key:"3cef49c037e17fb62af465b50ef6af0ee860691a",class:"verdocs-org-card-popup",style:{display:this.hovered?"block":"none"}},this.organization.full_logo_url?r("div",{class:"popup-header-with-logo"},r("img",{src:this.organization.full_logo_url,alt:"Logo"}),r("div",{class:"title"},(e=this.organization)===null||e===void 0?void 0:e.name)):r("div",{class:"popup-header"},r("span",{class:"status"},r("span",{class:"icon",innerHTML:l})),r("span",{class:"title"},(a=this.organization)===null||a===void 0?void 0:a.name)),r("div",{key:"3657c41ef18895e4cd0793d1517c71dd5d654cc6",class:"popup-body"},r("div",{key:"cc5ab4e315ab5194cbafe44ce0689f7e5acd1c93",class:"field"},r("strong",{key:"82c91160f7d89d9d2091a2940e200ad955d691a3"},"Joined"),c(new Date(((s=this.organization)===null||s===void 0?void 0:s.created_at)||undefined),"LLL d, Y")),this.organization.url&&r("div",{key:"4b12013323bb47eea919ea0a7ae83828d3c5ee17",class:"field"},r("strong",{key:"8bad90562acaabdc03a6d2809f5cd2e61855b60e"},"Website"),r("a",{key:"305e7ce650997b204a7c38a338297008e031518c",href:(d=this.organization)===null||d===void 0?void 0:d.url,target:"_blank",rel:"nofollow"},(n=this.organization)===null||n===void 0?void 0:n.url))))))};return o}());n.style=d;var l="@-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)}}";var p=l;var f="10001";var u=o("verdocs_portal",function(){function o(o){e(this,o);this.clickAway=a(this,"clickAway",7);this.moved=false;this.voffset=0}o.prototype.handleScroll=function(){this.calculatePosition()};o.prototype.handleResize=function(){this.calculatePosition()};o.prototype.handleClick=function(o){var e;if(!this.element.contains(o.target)){(e=this.clickAway)===null||e===void 0?void 0:e.emit()}};o.prototype.calculateLeft=function(){var o;var e=document.getElementById(this.anchor);if(!e)return 0;var r=e.getBoundingClientRect();var i=document.documentElement.clientWidth+document.documentElement.scrollLeft;var a=Math.max(r.left,0);var c=((o=this.element)===null||o===void 0?void 0:o.offsetWidth)||400;var s=a+c>i;return s?i-c-20:a};o.prototype.calculateTop=function(){var o;var e=document.getElementById(this.anchor);if(!e)return 0;var r=e.getBoundingClientRect();var i=document.documentElement.clientHeight+document.documentElement.scrollTop;var a=r.bottom+this.voffset+document.documentElement.scrollTop;var c=((o=this.element)===null||o===void 0?void 0:o.offsetHeight)||300;var s=a+c>i;return s?a-c-r.height:a};o.prototype.calculatePosition=function(){this.portal.style.top="".concat(this.calculateTop(),"px");this.portal.style.left="".concat(this.calculateLeft(),"px")};o.prototype.componentWillLoad=function(){var o;var e="".concat(this.anchor,"-portal");(o=document.getElementById(e))===null||o===void 0?void 0:o.remove();this.portal=document.createElement("div");this.portal.setAttribute("id",e);this.portal.style.zIndex=f;this.portal.style.position="absolute";document.body.append(this.portal)};o.prototype.componentDidLoad=function(){this.portal.appendChild(this.element);this.calculatePosition()};o.prototype.disconnectedCallback=function(){this.moved?this.portal.remove():this.moved=true};o.prototype.render=function(){var o=this;return r(i,{key:"050fd06e144d86e3b1266b22fbfbdd9cf2e9a820",ref:function(e){return o.element=e}},r("slot",{key:"b860298e37d31038c5f3f327e7aad2320aa9e5c8"}))};return o}());u.style=p}}}));
-//# sourceMappingURL=p-1257494a.system.entry.js.map
+System.register(["./p-60387e15.system.js","./p-2c5350ec.system.js"],(function(o){"use strict";var e,r,i,a,c;return{setters:[function(o){e=o.r;r=o.h;i=o.H;a=o.c},function(o){c=o.f}],execute:function(){var s='@-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-organization-card{font-family:"Inter", "Barlow", sans-serif;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;border:1px solid #cccccc;background:#ffffff;border-radius:8px;padding:7px 15px}verdocs-organization-card .icon{-ms-flex:0;flex:0;height:24px;width:24px;margin:0 14px 0 0}verdocs-organization-card .icon svg{fill:#aeb4bf;height:24px;width:24px}verdocs-organization-card .content{margin-top:2px}.verdocs-org-card-popup{font-family:"Inter", "Barlow", sans-serif;background:#ffffff;border-radius:10px;width:326px;padding:20px 40px 0 40px;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;border:1px solid #cccccc}.verdocs-org-card-popup .popup-header-with-logo{display:-ms-flexbox;display:flex;-ms-flex:0;flex:0;gap:20px;-ms-flex-direction:column;flex-direction:column;margin:0 0 20px 0;font-size:21px;line-height:16px;color:#4c56cb}.verdocs-org-card-popup .popup-header-with-logo img{max-width:300px;max-height:50px}.verdocs-org-card-popup .popup-header{display:-ms-flexbox;display:flex;-ms-flex:0;flex:0;gap:20px;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:end;align-items:flex-end;margin:0 0 20px 0;font-size:21px;line-height:16px;color:#4c56cb}.verdocs-org-card-popup .popup-body{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-size:14px;text-transform:uppercase}.verdocs-org-card-popup .status{-webkit-transform:scale(1.5);transform:scale(1.5);width:24px;height:24px}.verdocs-org-card-popup .field{margin:0 0 20px 0}.verdocs-org-card-popup .field strong{color:#7b7b9a;display:block;margin:0 0 5px 0}.verdocs-org-card-popup .field a{color:#654dcb;text-transform:uppercase}';var d=s;var t='<svg xmlns="http://www.w3.org/2000/svg"  focusable="false" aria-hidden="true" height="24px" viewBox="0 0 24 24" width="24px"><path d="M12 7V3H2v18h20V7H12zM6 19H4v-2h2v2zm0-4H4v-2h2v2zm0-4H4V9h2v2zm0-4H4V5h2v2zm4 12H8v-2h2v2zm0-4H8v-2h2v2zm0-4H8V9h2v2zm0-4H8V5h2v2zm10 12h-8v-2h2v-2h-2v-2h2v-2h-2V9h8v10zm-2-8h-2v2h2v-2zm0 4h-2v2h2v-2z"></path></svg>';var n=o("verdocs_organization_card",function(){function o(o){e(this,o);this.hovered=false}o.prototype.onMouseOver=function(){this.hovered=true};o.prototype.onMouseOut=function(){this.hovered=false};o.prototype.render=function(){var o,e,a,s,d,n;console.log("Rendering org card",this.organization.thumbnail_url,this.organization);var l=t;var f="verdocs-org-card-".concat(this.organization.id);return r(i,{key:"d7b475ffa8a508828c58362f1d132313910db262",id:f},this.organization.thumbnail_url?r("img",{class:"icon",src:this.organization.thumbnail_url,alt:"Logo"}):r("span",{class:"icon",innerHTML:l}),r("span",{key:"41371ad0ece9b5b13c455313658b3983facf5db5",class:"content"},(o=this.organization)===null||o===void 0?void 0:o.name),r("verdocs-portal",{key:"37b667310a2124dc68a88a8b5732ecd4a87f9da1",anchor:f},r("div",{key:"7f72d2f2c25314cdfa81721c6b6653989c7be72b",class:"verdocs-org-card-popup",style:{display:this.hovered?"block":"none"}},this.organization.full_logo_url?r("div",{class:"popup-header-with-logo"},r("img",{src:this.organization.full_logo_url,alt:"Logo"}),r("div",{class:"title"},(e=this.organization)===null||e===void 0?void 0:e.name)):r("div",{class:"popup-header"},r("span",{class:"status"},r("span",{class:"icon",innerHTML:l})),r("span",{class:"title"},(a=this.organization)===null||a===void 0?void 0:a.name)),r("div",{key:"478657fefd75b3adda14550ce7dd8117ee3f519f",class:"popup-body"},r("div",{key:"213022879f5f5d2cab6cf415692e418911e1ee05",class:"field"},r("strong",{key:"3e36b9b9ef2dd6b39dc313c77772b750d7bdb242"},"Joined"),c(new Date(((s=this.organization)===null||s===void 0?void 0:s.created_at)||undefined),"LLL d, Y")),this.organization.url&&r("div",{key:"b28cb49fe0214c3f0851fe4609433ada584bf0be",class:"field"},r("strong",{key:"9cdfd0da0dcb3d51149b1e0bc2f612e0f0edab6d"},"Website"),r("a",{key:"74be8e66995435c5e6a071098ec1d4a6a7ca6f5f",href:(d=this.organization)===null||d===void 0?void 0:d.url,target:"_blank",rel:"nofollow"},(n=this.organization)===null||n===void 0?void 0:n.url))))))};return o}());n.style=d;var l="@-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)}}";var f=l;var p="10001";var u=o("verdocs_portal",function(){function o(o){e(this,o);this.clickAway=a(this,"clickAway",7);this.moved=false;this.voffset=0}o.prototype.handleScroll=function(){this.calculatePosition()};o.prototype.handleResize=function(){this.calculatePosition()};o.prototype.handleClick=function(o){var e;if(!this.element.contains(o.target)){(e=this.clickAway)===null||e===void 0?void 0:e.emit()}};o.prototype.calculateLeft=function(){var o;var e=document.getElementById(this.anchor);if(!e)return 0;var r=e.getBoundingClientRect();var i=document.documentElement.clientWidth+document.documentElement.scrollLeft;var a=Math.max(r.left,0);var c=((o=this.element)===null||o===void 0?void 0:o.offsetWidth)||400;var s=a+c>i;return s?i-c-20:a};o.prototype.calculateTop=function(){var o;var e=document.getElementById(this.anchor);if(!e)return 0;var r=e.getBoundingClientRect();var i=document.documentElement.clientHeight+document.documentElement.scrollTop;var a=r.bottom+this.voffset+document.documentElement.scrollTop;var c=((o=this.element)===null||o===void 0?void 0:o.offsetHeight)||300;var s=a+c>i;return s?a-c-r.height:a};o.prototype.calculatePosition=function(){this.portal.style.top="".concat(this.calculateTop(),"px");this.portal.style.left="".concat(this.calculateLeft(),"px")};o.prototype.componentWillLoad=function(){var o;var e="".concat(this.anchor,"-portal");(o=document.getElementById(e))===null||o===void 0?void 0:o.remove();this.portal=document.createElement("div");this.portal.setAttribute("id",e);this.portal.style.zIndex=p;this.portal.style.position="absolute";document.body.append(this.portal)};o.prototype.componentDidLoad=function(){this.portal.appendChild(this.element);this.calculatePosition()};o.prototype.disconnectedCallback=function(){this.moved?this.portal.remove():this.moved=true};o.prototype.render=function(){var o=this;return r(i,{key:"7379bf2578c769bf6112486912c7aa30b429fae1",ref:function(e){return o.element=e}},r("slot",{key:"3b141548481e6dd23f47ed4e0db78e3931a5bdaa"}))};return o}());u.style=f}}}));
+//# sourceMappingURL=p-796daf3e.system.entry.js.map

package/dist/verdocs-web-sdk/{p-a5ce8ad2.system.entry.js → p-79d2f425.system.entry.js}

@@ -1,2 +1,2 @@
-var __awaiter=this&&this.__awaiter||function(t,e,o,n){function r(t){return t instanceof o?t:new o((function(e){e(t)}))}return new(o||(o=Promise))((function(o,i){function a(t){try{s(n.next(t))}catch(t){i(t)}}function c(t){try{s(n["throw"](t))}catch(t){i(t)}}function s(t){t.done?o(t.value):r(t.value).then(a,c)}s((n=n.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var o={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},n,r,i,a;return a={next:c(0),throw:c(1),return:c(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function c(t){return function(e){return s([t,e])}}function s(c){if(n)throw new TypeError("Generator is already executing.");while(a&&(a=0,c[0]&&(o=0)),o)try{if(n=1,r&&(i=c[0]&2?r["return"]:c[0]?r["throw"]||((i=r["return"])&&i.call(r),0):r.next)&&!(i=i.call(r,c[1])).done)return i;if(r=0,i)c=[c[0]&2,i.value];switch(c[0]){case 0:case 1:i=c;break;case 4:o.label++;return{value:c[1],done:false};case 5:o.label++;r=c[1];c=[0];continue;case 7:c=o.ops.pop();o.trys.pop();continue;default:if(!(i=o.trys,i=i.length>0&&i[i.length-1])&&(c[0]===6||c[0]===2)){o=0;continue}if(c[0]===3&&(!i||c[1]>i[0]&&c[1]<i[3])){o.label=c[1];break}if(c[0]===6&&o.label<i[1]){o.label=i[1];i=c;break}if(i&&o.label<i[2]){o.label=i[2];o.ops.push(c);break}if(i[2])o.ops.pop();o.trys.pop();continue}c=e.call(t,o)}catch(t){c=[6,t];r=0}finally{n=i=0}if(c[0]&5)throw c[1];return{value:c[0]?c[1]:void 0,done:true}}};System.register(["./p-60387e15.system.js","./p-e0ac9edf.system.js"],(function(t){"use strict";var e,o,n,r,i;return{setters:[function(t){e=t.r;o=t.h;n=t.H;r=t.c},function(t){i=t.c}],execute:function(){var a='@-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-button-panel{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;display:inline-block}verdocs-button-panel .icon{display:inline-block;cursor:pointer;opacity:0.6}verdocs-button-panel .icon svg{fill:#707ae5}verdocs-button-panel .icon:hover{opacity:1}.verdocs-button-panel-content{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;-webkit-box-shadow:0 0 10px 1px #999999;box-shadow:0 0 10px 1px #999999;display:none;background:#ffffff;color:#33364b;width:320px;font-weight:bold;padding:15px;font-size:14px;position:relative;border-radius:4px;z-index:10000}.verdocs-button-panel-content .arrow,.verdocs-button-panel-content .arrow::before{position:absolute;width:8px;height:8px;background:inherit}.verdocs-button-panel-content .arrow{visibility:hidden;top:-4px}.verdocs-button-panel-content .arrow::before{visibility:visible;content:"";-webkit-transform:rotate(45deg);transform:rotate(45deg)}.verdocs-button-panel-content[data-show]{display:block}.verdocs-button-panel-content[data-popper-placement^=top]>.arrow{bottom:-4px}.verdocs-button-panel-content[data-popper-placement^=bottom]>.arrow{top:-4px}.verdocs-button-panel-content[data-popper-placement^=left]>.arrow{right:-4px}.verdocs-button-panel-content[data-popper-placement^=right]>.arrow{left:-4px}.verdocs-button-panel-content h6{font-size:16px;font-weight:bold;margin:0 0 16px 0;color:#092c4c;border-bottom:1px solid #cccccc}';var c=a;var s=t("verdocs_button_panel",function(){function t(t){e(this,t);this.icon="";this.showing=false}t.prototype.componentDidRender=function(){document.body.appendChild(this.panelEl);if(this.popperInstance){this.popperInstance.destroy()}this.popperInstance=i(this.iconEl,this.panelEl,{})};t.prototype.disconnectedCallback=function(){if(this.popperInstance){this.popperInstance.destroy();this.popperInstance=null}if(this.panelEl){this.panelEl.remove()}};t.prototype.showPanel=function(){return __awaiter(this,void 0,void 0,(function(){var t,e;var o=this;return __generator(this,(function(n){(t=this.panelEl)===null||t===void 0?void 0:t.setAttribute("data-show","");(e=this.popperInstance)===null||e===void 0?void 0:e.update().catch((function(){}));this.showing=true;this.hiderEl=document.createElement("div");this.hiderEl.id="verdocs-button-panel-hider";this.hiderEl.style.zIndex="100";this.hiderEl.style.position="absolute";this.hiderEl.style.top="0px";this.hiderEl.style.left="0px";this.hiderEl.style.right="0px";this.hiderEl.style.bottom="0px";this.hiderEl.onclick=function(t){t.stopPropagation();o.toggle()};document.body.appendChild(this.hiderEl);return[2]}))}))};t.prototype.hidePanel=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){Array.from(document.getElementsByClassName("verdocs-button-panel-content")).forEach((function(t){t.removeAttribute("data-show")}));(t=document.getElementById("verdocs-button-panel-hider"))===null||t===void 0?void 0:t.remove();this.showing=false;return[2]}))}))};t.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!this.showing)return[3,2];return[4,this.hidePanel()];case 1:t.sent();return[3,4];case 2:return[4,this.showPanel()];case 3:t.sent();t.label=4;case 4:return[2]}}))}))};t.prototype.render=function(){var t=this;return o(n,{key:"8e158c38e4e3c908b1e468dd5ed07e884fe14cf1"},o("div",{key:"773c823c956936e3cbbb196c913acaafa0f8450f",class:"icon",innerHTML:this.icon,onClick:function(e){e.stopPropagation();return t.toggle()},ref:function(e){return t.iconEl=e}}),o("div",{key:"8da9d3ffdb21e1c0fc1925787160322d18ea8a37",role:"tooltip",class:"verdocs-button-panel-content","data-popper-placement":"bottom",ref:function(e){return t.panelEl=e}},o("div",{key:"8b4567c58986d41a4cf4fdfabb86bb0e5a3f8786","data-popper-arrow":"true",class:"arrow"}),o("slot",{key:"6ff2d23af1b15a496c0d4b7559704d00c80b0d11"})))};return t}());s.style=c;var d='@-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-tabs{gap:10px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-direction:row;flex-direction:row;font-family:"Inter", "Barlow", sans-serif}verdocs-tabs .tab{display:-ms-flexbox;display:flex;color:#111111;cursor:pointer;font-size:14px;font-weight:400;padding:5px 10px;-ms-flex-align:center;align-items:center;text-transform:none;-ms-flex-pack:center;justify-content:center;border-bottom:4px solid transparent}verdocs-tabs .tab:focus{border:none;outline:none}verdocs-tabs .tab.active{color:#000000;font-weight:500;border-bottom:4px solid #654dcb}verdocs-tabs .tab.disabled{color:#aaaaaa;cursor:default}';var u=d;var f=t("verdocs_tabs",function(){function t(t){e(this,t);this.selectTab=r(this,"selectTab",7);this.tabs=[];this.selectedTab=0}t.prototype.handleSelectTab=function(t){var e;(e=this.selectTab)===null||e===void 0?void 0:e.emit({tab:this.tabs[t],index:t})};t.prototype.render=function(){var t=this;return o(n,{key:"c2dcebcf97b905cd8a2ee8a6db86185517eb352b"},this.tabs.map((function(e,n){return o("div",{class:"tab ".concat(n===t.selectedTab?"active":""," ").concat(e.disabled?"disabled":""),onClick:e.disabled?function(){}:function(){return t.handleSelectTab(n)}},e.label)})),o("div",{key:"3ad59593faa2d4350d7c5b562c4c2cb1b6cb050d",class:"flex flex-1"}),o("slot",{key:"af7b83b222b5e7f4264780f6c7fd6069d33ac4ba"},o("div",{key:"d6547aed2fb50603b8ca631d1862943794fbb148"})))};return t}());f.style=u}}}));
-//# sourceMappingURL=p-a5ce8ad2.system.entry.js.map
+var __awaiter=this&&this.__awaiter||function(t,e,o,n){function r(t){return t instanceof o?t:new o((function(e){e(t)}))}return new(o||(o=Promise))((function(o,i){function a(t){try{s(n.next(t))}catch(t){i(t)}}function c(t){try{s(n["throw"](t))}catch(t){i(t)}}function s(t){t.done?o(t.value):r(t.value).then(a,c)}s((n=n.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var o={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},n,r,i,a;return a={next:c(0),throw:c(1),return:c(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function c(t){return function(e){return s([t,e])}}function s(c){if(n)throw new TypeError("Generator is already executing.");while(a&&(a=0,c[0]&&(o=0)),o)try{if(n=1,r&&(i=c[0]&2?r["return"]:c[0]?r["throw"]||((i=r["return"])&&i.call(r),0):r.next)&&!(i=i.call(r,c[1])).done)return i;if(r=0,i)c=[c[0]&2,i.value];switch(c[0]){case 0:case 1:i=c;break;case 4:o.label++;return{value:c[1],done:false};case 5:o.label++;r=c[1];c=[0];continue;case 7:c=o.ops.pop();o.trys.pop();continue;default:if(!(i=o.trys,i=i.length>0&&i[i.length-1])&&(c[0]===6||c[0]===2)){o=0;continue}if(c[0]===3&&(!i||c[1]>i[0]&&c[1]<i[3])){o.label=c[1];break}if(c[0]===6&&o.label<i[1]){o.label=i[1];i=c;break}if(i&&o.label<i[2]){o.label=i[2];o.ops.push(c);break}if(i[2])o.ops.pop();o.trys.pop();continue}c=e.call(t,o)}catch(t){c=[6,t];r=0}finally{n=i=0}if(c[0]&5)throw c[1];return{value:c[0]?c[1]:void 0,done:true}}};System.register(["./p-60387e15.system.js","./p-e0ac9edf.system.js"],(function(t){"use strict";var e,o,n,r,i;return{setters:[function(t){e=t.r;o=t.h;n=t.H;r=t.c},function(t){i=t.c}],execute:function(){var a='@-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-button-panel{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;display:inline-block}verdocs-button-panel .icon{display:inline-block;cursor:pointer;opacity:0.6}verdocs-button-panel .icon svg{fill:#707ae5}verdocs-button-panel .icon:hover{opacity:1}.verdocs-button-panel-content{font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;-webkit-box-shadow:0 0 10px 1px #999999;box-shadow:0 0 10px 1px #999999;display:none;background:#ffffff;color:#33364b;width:320px;font-weight:bold;padding:15px;font-size:14px;position:relative;border-radius:4px;z-index:10000}.verdocs-button-panel-content .arrow,.verdocs-button-panel-content .arrow::before{position:absolute;width:8px;height:8px;background:inherit}.verdocs-button-panel-content .arrow{visibility:hidden;top:-4px}.verdocs-button-panel-content .arrow::before{visibility:visible;content:"";-webkit-transform:rotate(45deg);transform:rotate(45deg)}.verdocs-button-panel-content[data-show]{display:block}.verdocs-button-panel-content[data-popper-placement^=top]>.arrow{bottom:-4px}.verdocs-button-panel-content[data-popper-placement^=bottom]>.arrow{top:-4px}.verdocs-button-panel-content[data-popper-placement^=left]>.arrow{right:-4px}.verdocs-button-panel-content[data-popper-placement^=right]>.arrow{left:-4px}.verdocs-button-panel-content h6{font-size:16px;font-weight:bold;margin:0 0 16px 0;color:#092c4c;border-bottom:1px solid #cccccc}';var c=a;var s=t("verdocs_button_panel",function(){function t(t){e(this,t);this.icon="";this.showing=false}t.prototype.componentDidRender=function(){document.body.appendChild(this.panelEl);if(this.popperInstance){this.popperInstance.destroy()}this.popperInstance=i(this.iconEl,this.panelEl,{})};t.prototype.disconnectedCallback=function(){if(this.popperInstance){this.popperInstance.destroy();this.popperInstance=null}if(this.panelEl){this.panelEl.remove()}};t.prototype.showPanel=function(){return __awaiter(this,void 0,void 0,(function(){var t,e;var o=this;return __generator(this,(function(n){(t=this.panelEl)===null||t===void 0?void 0:t.setAttribute("data-show","");(e=this.popperInstance)===null||e===void 0?void 0:e.update().catch((function(){}));this.showing=true;this.hiderEl=document.createElement("div");this.hiderEl.id="verdocs-button-panel-hider";this.hiderEl.style.zIndex="100";this.hiderEl.style.position="absolute";this.hiderEl.style.top="0px";this.hiderEl.style.left="0px";this.hiderEl.style.right="0px";this.hiderEl.style.bottom="0px";this.hiderEl.onclick=function(t){t.stopPropagation();o.toggle()};document.body.appendChild(this.hiderEl);return[2]}))}))};t.prototype.hidePanel=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){Array.from(document.getElementsByClassName("verdocs-button-panel-content")).forEach((function(t){t.removeAttribute("data-show")}));(t=document.getElementById("verdocs-button-panel-hider"))===null||t===void 0?void 0:t.remove();this.showing=false;return[2]}))}))};t.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!this.showing)return[3,2];return[4,this.hidePanel()];case 1:t.sent();return[3,4];case 2:return[4,this.showPanel()];case 3:t.sent();t.label=4;case 4:return[2]}}))}))};t.prototype.render=function(){var t=this;return o(n,{key:"ac59044fd14cb2998684f1b8f1c54aedec37f256"},o("div",{key:"e62fb7d53428ba82bae2622aede06e15db19fec9",class:"icon",innerHTML:this.icon,onClick:function(e){e.stopPropagation();return t.toggle()},ref:function(e){return t.iconEl=e}}),o("div",{key:"4cccc4f6d5f3294074f6d1e41ce768a023d6fdb0",role:"tooltip",class:"verdocs-button-panel-content","data-popper-placement":"bottom",ref:function(e){return t.panelEl=e}},o("div",{key:"e02fba4c1cee732b08d01b5729f1edd02c9262e5","data-popper-arrow":"true",class:"arrow"}),o("slot",{key:"323f842de2f33348bcbcf67b1c576dce2275dcf9"})))};return t}());s.style=c;var d='@-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-tabs{gap:10px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-direction:row;flex-direction:row;font-family:"Inter", "Barlow", sans-serif}verdocs-tabs .tab{display:-ms-flexbox;display:flex;color:#111111;cursor:pointer;font-size:14px;font-weight:400;padding:5px 10px;-ms-flex-align:center;align-items:center;text-transform:none;-ms-flex-pack:center;justify-content:center;border-bottom:4px solid transparent}verdocs-tabs .tab:focus{border:none;outline:none}verdocs-tabs .tab.active{color:#000000;font-weight:500;border-bottom:4px solid #654dcb}verdocs-tabs .tab.disabled{color:#aaaaaa;cursor:default}';var u=d;var f=t("verdocs_tabs",function(){function t(t){e(this,t);this.selectTab=r(this,"selectTab",7);this.tabs=[];this.selectedTab=0}t.prototype.handleSelectTab=function(t){var e;(e=this.selectTab)===null||e===void 0?void 0:e.emit({tab:this.tabs[t],index:t})};t.prototype.render=function(){var t=this;return o(n,{key:"3177fae34ac1cdba3cc82d501d7462603931ccf2"},this.tabs.map((function(e,n){return o("div",{class:"tab ".concat(n===t.selectedTab?"active":""," ").concat(e.disabled?"disabled":""),onClick:e.disabled?function(){}:function(){return t.handleSelectTab(n)}},e.label)})),o("div",{key:"de155b81678b5d6645bcbebbe6bd1f5803a5a545",class:"flex flex-1"}),o("slot",{key:"6d8fa41dfcde569b22986e10d152858d96857d0f"},o("div",{key:"5e5c97e8a45c8022596f90caa478a4532788a6f6"})))};return t}());f.style=u}}}));
+//# sourceMappingURL=p-79d2f425.system.entry.js.map

package/dist/verdocs-web-sdk/{p-a557de10.entry.js → p-7b7451fb.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as t,h as s,H as n}from"./p-ddadabfb.js";import{VerdocsEndpoint as i,getTemplates as l,deleteTemplate as a,integerSequence as d,canPerformTemplateAction as c}from"@verdocs/js-sdk";import{S as r}from"./p-fd97809c.js";import{f as o}from"./p-12bab948.js";const h='@-webkit-keyframes verdocs-field-pulse {\n  0% {\n    background-color: rgba(0, 0, 0, 0.35);\n  }\n  50% {\n    background-color: rgba(0, 0, 0, 0);\n  }\n  100% {\n    background-color: rgba(0, 0, 0, 0.35);\n  }\n}\n@keyframes verdocs-field-pulse {\n  0% {\n    background-color: rgba(0, 0, 0, 0.35);\n  }\n  50% {\n    background-color: rgba(0, 0, 0, 0);\n  }\n  100% {\n    background-color: rgba(0, 0, 0, 0.35);\n  }\n}\nverdocs-templates-list {\n  display: -ms-flexbox;\n  display: flex;\n  padding: 10px;\n  font-size: 18px;\n  -ms-flex-wrap: nowrap;\n  flex-wrap: nowrap;\n  border-radius: 6px;\n  color: #33364b;\n  -ms-flex-direction: column;\n  flex-direction: column;\n  font-family: "Inter", "Barlow", sans-serif;\n}\nverdocs-templates-list .header {\n  width: 100%;\n  row-gap: 4px;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-wrap: wrap;\n  flex-wrap: wrap;\n  -webkit-column-gap: 12px;\n  -moz-column-gap: 12px;\n  column-gap: 12px;\n  margin: 0 0 10px 0;\n  -ms-flex-align: center;\n  align-items: center;\n  -ms-flex-direction: row;\n  flex-direction: row;\n}\nverdocs-templates-list .header .filter {\n  width: 150px;\n}\nverdocs-templates-list .header verdocs-text-input {\n  margin: 0;\n}\nverdocs-templates-list .header verdocs-text-input input {\n  height: 32px;\n}\nverdocs-templates-list .filter {\n  -ms-flex-align: center;\n  align-items: center;\n}\nverdocs-templates-list .template-placeholder {\n  height: 48px;\n  -ms-flex: 0 0 48px;\n  flex: 0 0 48px;\n  margin: 5px 0;\n  border-radius: 5px;\n  background: #f5f5fa;\n}\nverdocs-templates-list .template {\n  width: 100%;\n  margin: 2px 0;\n  border: 1px solid #ffffff;\n  background: #ffffff;\n}\nverdocs-templates-list .template:hover {\n  cursor: pointer;\n  background: #ededff;\n  border: 1px solid #a7a7f5;\n}\nverdocs-templates-list .template .inner {\n  gap: 12px;\n  display: -ms-flexbox;\n  display: flex;\n  padding: 8px 14px;\n  border-radius: 5px;\n  -ms-flex-direction: row;\n  flex-direction: row;\n  -ms-flex-align: center;\n  align-items: center;\n  container-type: inline-size;\n}\nverdocs-templates-list .template .inner svg {\n  width: 24px;\n  height: 24px;\n}\nverdocs-templates-list .name {\n  -ms-flex: 1;\n  flex: 1;\n  display: -ms-flexbox;\n  display: flex;\n  color: black;\n  font-size: 16px;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n@media screen and (max-width: 1300px) {\n  verdocs-templates-list .name {\n    font-size: 16px;\n  }\n}\nverdocs-templates-list .spacer {\n  margin: 0;\n  height: 30px;\n  -ms-flex: 0 0 1px;\n  flex: 0 0 1px;\n  display: -ms-flexbox;\n  display: flex;\n  border-right: 1px solid #dad8dd;\n}\n@media screen and (max-width: 800px) {\n  verdocs-templates-list .spacer {\n    display: none;\n  }\n}\nverdocs-templates-list .empty-text {\n  font-size: 20px;\n  text-align: center;\n  margin: 16px 0 0 0;\n  padding: 80px 80px;\n  border: 2px solid #ccc;\n}\nverdocs-templates-list .usage,\nverdocs-templates-list .ownership,\nverdocs-templates-list .last-used {\n  gap: 10px;\n  color: #444;\n  display: -ms-flexbox;\n  display: flex;\n  font-size: 16px;\n  margin: 0 0 0 10px;\n  -ms-flex-align: center;\n  align-items: center;\n  -ms-flex-direction: row;\n  flex-direction: row;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\nverdocs-templates-list .usage span,\nverdocs-templates-list .usage svg,\nverdocs-templates-list .ownership span,\nverdocs-templates-list .ownership svg,\nverdocs-templates-list .last-used span,\nverdocs-templates-list .last-used svg {\n  width: 24px;\n  height: 24px;\n}\nverdocs-templates-list .usage span,\nverdocs-templates-list .ownership span,\nverdocs-templates-list .last-used span {\n  display: block;\n}\n@media screen and (max-width: 700px) {\n  verdocs-templates-list verdocs-template-star {\n    display: none;\n  }\n}\nverdocs-templates-list .ownership {\n  -ms-flex: 0 0 100px;\n  flex: 0 0 100px;\n}\n@media screen and (max-width: 700px) {\n  verdocs-templates-list .ownership {\n    display: none;\n  }\n}\nverdocs-templates-list .last-used {\n  -ms-flex: 0 0 130px;\n  flex: 0 0 130px;\n}\nverdocs-templates-list .usage {\n  -ms-flex: 0 0 60px;\n  flex: 0 0 60px;\n}\nverdocs-templates-list .header-row {\n  display: none;\n}\nverdocs-templates-list table {\n  container-type: size;\n  max-width: 100%;\n  overflow: hidden;\n  table-layout: fixed;\n}\nverdocs-templates-list .data-row {\n  cursor: pointer;\n  background: #ededff;\n  border: 1px solid #a7a7f5;\n}\nverdocs-templates-list .data-col svg {\n  width: 24px;\n  height: 24px;\n}\nverdocs-templates-list .col-name {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n}\n@container (max-width:700 px) {\n  verdocs-templates-list verdocs-templates-list .col-starred {\n    display: none;\n  }\n}';const p=h;const v=`<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="M12 21a9.004 9.004 0 008.716-6.747M12 21a9.004 9.004 0 01-8.716-6.747M12 21c2.485 0 4.5-4.03 4.5-9S14.485 3 12 3m0 18c-2.485 0-4.5-4.03-4.5-9S9.515 3 12 3m0 0a8.997 8.997 0 017.843 4.582M12 3a8.997 8.997 0 00-7.843 4.582m15.686 0A11.953 11.953 0 0112 10.5c-2.998 0-5.74-1.1-7.843-2.918m15.686 0A8.959 8.959 0 0121 12c0 .778-.099 1.533-.284 2.253m0 0A17.919 17.919 0 0112 16.5c-3.162 0-6.133-.815-8.716-2.247m0 0A9.015 9.015 0 013 12c0-1.605.42-3.113 1.157-4.418" /></svg>`;const m=`<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="M16.5 10.5V6.75a4.5 4.5 0 10-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 002.25-2.25v-6.75a2.25 2.25 0 00-2.25-2.25H6.75a2.25 2.25 0 00-2.25 2.25v6.75a2.25 2.25 0 002.25 2.25z" /></svg>`;const f=`<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="M3.75 21h16.5M4.5 3h15M5.25 3v18m13.5-18v18M9 6.75h1.5m-1.5 3h1.5m-1.5 3h1.5m3-6H15m-1.5 3H15m-1.5 3H15M9 21v-3.375c0-.621.504-1.125 1.125-1.125h3.75c.621 0 1.125.504 1.125 1.125V21" /></svg>`;const u=`<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="M21.75 6.75v10.5a2.25 2.25 0 01-2.25 2.25h-15a2.25 2.25 0 01-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0019.5 4.5h-15a2.25 2.25 0 00-2.25 2.25m19.5 0v.243a2.25 2.25 0 01-1.07 1.916l-7.5 4.615a2.25 2.25 0 01-2.36 0L3.32 8.91a2.25 2.25 0 01-1.07-1.916V6.75" /></svg>`;const x=`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 122.88 122.88"><g><path d="M81.61,4.73c0-2.61,2.58-4.73,5.77-4.73c3.19,0,5.77,2.12,5.77,4.73v20.72c0,2.61-2.58,4.73-5.77,4.73 c-3.19,0-5.77-2.12-5.77-4.73V4.73L81.61,4.73z M66.11,103.81c-0.34,0-0.61-1.43-0.61-3.2c0-1.77,0.27-3.2,0.61-3.2H81.9 c0.34,0,0.61,1.43,0.61,3.2c0,1.77-0.27,3.2-0.61,3.2H66.11L66.11,103.81z M15.85,67.09c-0.34,0-0.61-1.43-0.61-3.2 c0-1.77,0.27-3.2,0.61-3.2h15.79c0.34,0,0.61,1.43,0.61,3.2c0,1.77-0.27,3.2-0.61,3.2H15.85L15.85,67.09z M40.98,67.09 c-0.34,0-0.61-1.43-0.61-3.2c0-1.77,0.27-3.2,0.61-3.2h15.79c0.34,0,0.61,1.43,0.61,3.2c0,1.77-0.27,3.2-0.61,3.2H40.98 L40.98,67.09z M66.11,67.09c-0.34,0-0.61-1.43-0.61-3.2c0-1.77,0.27-3.2,0.61-3.2H81.9c0.34,0,0.61,1.43,0.61,3.2 c0,1.77-0.27,3.2-0.61,3.2H66.11L66.11,67.09z M91.25,67.09c-0.34,0-0.61-1.43-0.61-3.2c0-1.77,0.27-3.2,0.61-3.2h15.79 c0.34,0,0.61,1.43,0.61,3.2c0,1.77-0.27,3.2-0.61,3.2H91.25L91.25,67.09z M15.85,85.45c-0.34,0-0.61-1.43-0.61-3.2 c0-1.77,0.27-3.2,0.61-3.2h15.79c0.34,0,0.61,1.43,0.61,3.2c0,1.77-0.27,3.2-0.61,3.2H15.85L15.85,85.45z M40.98,85.45 c-0.34,0-0.61-1.43-0.61-3.2c0-1.77,0.27-3.2,0.61-3.2h15.79c0.34,0,0.61,1.43,0.61,3.2c0,1.77-0.27,3.2-0.61,3.2H40.98 L40.98,85.45z M66.11,85.45c-0.34,0-0.61-1.43-0.61-3.2c0-1.77,0.27-3.2,0.61-3.2H81.9c0.34,0,0.61,1.43,0.61,3.2 c0,1.77-0.27,3.2-0.61,3.2H66.11L66.11,85.45z M91.25,85.45c-0.34,0-0.61-1.43-0.61-3.2c0-1.77,0.27-3.2,0.61-3.2h15.79 c0.34,0,0.61,1.43,0.61,3.2c0,1.77-0.27,3.2-0.61,3.2H91.25L91.25,85.45z M15.85,103.81c-0.34,0-0.61-1.43-0.61-3.2 c0-1.77,0.27-3.2,0.61-3.2h15.79c0.34,0,0.61,1.43,0.61,3.2c0,1.77-0.27,3.2-0.61,3.2H15.85L15.85,103.81z M40.98,103.81 c-0.34,0-0.61-1.43-0.61-3.2c0-1.77,0.27-3.2,0.61-3.2h15.79c0.34,0,0.61,1.43,0.61,3.2c0,1.77-0.27,3.2-0.61,3.2H40.98 L40.98,103.81z M29.61,4.73c0-2.61,2.58-4.73,5.77-4.73s5.77,2.12,5.77,4.73v20.72c0,2.61-2.58,4.73-5.77,4.73 s-5.77-2.12-5.77-4.73V4.73L29.61,4.73z M6.4,45.32h110.07V21.47c0-0.8-0.33-1.53-0.86-2.07c-0.53-0.53-1.26-0.86-2.07-0.86H103 c-1.77,0-3.2-1.43-3.2-3.2c0-1.77,1.43-3.2,3.2-3.2h10.55c2.57,0,4.9,1.05,6.59,2.74c1.69,1.69,2.74,4.02,2.74,6.59v27.06v65.03 c0,2.57-1.05,4.9-2.74,6.59c-1.69,1.69-4.02,2.74-6.59,2.74H9.33c-2.57,0-4.9-1.05-6.59-2.74C1.05,118.45,0,116.12,0,113.55V48.52 V21.47c0-2.57,1.05-4.9,2.74-6.59c1.69-1.69,4.02-2.74,6.59-2.74H20.6c1.77,0,3.2,1.43,3.2,3.2c0,1.77-1.43,3.2-3.2,3.2H9.33 c-0.8,0-1.53,0.33-2.07,0.86c-0.53,0.53-0.86,1.26-0.86,2.07V45.32L6.4,45.32z M116.48,51.73H6.4v61.82c0,0.8,0.33,1.53,0.86,2.07 c0.53,0.53,1.26,0.86,2.07,0.86h104.22c0.8,0,1.53-0.33,2.07-0.86c0.53-0.53,0.86-1.26,0.86-2.07V51.73L116.48,51.73z M50.43,18.54 c-1.77,0-3.2-1.43-3.2-3.2c0-1.77,1.43-3.2,3.2-3.2h21.49c1.77,0,3.2,1.43,3.2,3.2c0,1.77-1.43,3.2-3.2,3.2H50.43L50.43,18.54z"/></g></svg>`;const g=`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 410.2"><path d="M35.28 35.51h32.54v43.42c0 10.58 4.27 20.06 11.35 27.23 17.03 17.14 45.5 17.45 63.06.93 7.71-7.29 12.4-17.14 12.4-28.16V35.51h65.71v43.42c0 6.34 1.56 12.3 4.35 17.6 2.03 3.85 4.71 7.37 7.92 10.43l2.41 2.24c1.79 1.46 3.71 2.79 5.76 3.97l.31.18.07.04.25.13.16.1.15.08.27.14.05.03.32.17.05.03.27.13.15.08.17.09.26.12.07.04.32.16.03.01.31.15.12.06.2.09.24.11.1.05.33.14.34.16.1.04.23.1.21.09.13.05.31.13h.03l.34.14.08.04.27.1.18.07.16.06.3.11.05.02.34.12.06.02.3.11.16.05.19.07.26.09.09.03.35.12.02.01.34.1.13.04.22.07.25.07.11.03.36.11.36.1.11.03.25.07.22.06.14.04.34.09h.02l.37.1.08.02.29.06.19.05.17.03.32.08.05.01.37.08.06.01.31.06.17.04.21.03.28.06.09.02.37.07h.03l.35.06.14.03.23.03.27.04.11.02.38.06.38.05.12.01.26.04.23.03.15.01.35.05h.03l.39.04.08.01.3.02.21.02.17.02.34.02.05.01.39.03h.05l.34.02.18.01.21.01.3.02h.08l.39.01.03.01.36.01h.39l.28.01h.96l.33-.01h.39l.18-.01.2-.01.25-.01h.13l.32-.02h.07l.38-.02h.01l.37-.02.07-.01.32-.02.12-.01.26-.02.19-.02.19-.02.25-.02.13-.01.31-.04h.07l.37-.05h.01l.37-.04.06-.01.32-.04.12-.02.26-.03.18-.03.19-.03.24-.04.14-.02.3-.05.07-.01.36-.06h.01l.37-.07.05-.01.32-.06.12-.02.25-.05.18-.04.19-.04.23-.05.14-.03.29-.07.08-.01.35-.08.01-.01.36-.08.05-.02.31-.08.11-.02.25-.07.17-.04.2-.06.22-.05.14-.05.28-.08.07-.02.34-.09.02-.01.36-.11.03-.01.32-.1.1-.03.25-.08.16-.05.19-.07.22-.07.13-.04.28-.1.08-.03.32-.11.02-.01.35-.13.04-.01.3-.11.09-.04.26-.1.15-.06.19-.07.21-.09.13-.05.26-.11.08-.03.32-.13.02-.01.33-.14.04-.02.3-.13.09-.04.24-.11.14-.07.19-.08.19-.1.14-.06.25-.12.08-.03.3-.16h.03l.32-.17.03-.01.29-.16.09-.04.24-.12.13-.07.19-.1.18-.1.14-.07.23-.13.08-.05.29-.16.03-.01.31-.18c1.11-.64 2.17-1.31 3.2-2.03l2.71-1.95c4.36-3.56 7.92-7.88 10.43-12.76 2.73-5.26 4.25-11.19 4.25-17.5V35.51h33.97c9.68 0 18.5 3.98 24.91 10.38 6.4 6.37 10.38 15.2 10.38 24.9V192.9H365.1v-53.83H11.3v233.49c0 15.25 12.49 27.74 27.75 27.74h298.3c15.27 0 27.75-12.51 27.75-27.74V325.6h11.31v49.32c0 9.7-3.98 18.53-10.37 24.91-6.42 6.39-15.24 10.37-24.92 10.37H35.28c-9.68 0-18.49-3.97-24.89-10.37C3.97 393.41 0 384.59 0 374.92V70.79C0 61.12 3.97 52.3 10.36 45.9c6.43-6.42 15.25-10.39 24.92-10.39zm211.43-21.54c0-7.71 7.61-13.97 17.03-13.97 9.42 0 17.04 6.26 17.04 13.97v64.96c0 7.7-7.62 13.96-17.04 13.96-9.42 0-17.03-6.26-17.03-13.96V13.97zm-152.52 0C94.19 6.26 101.81 0 111.23 0c9.42 0 17.03 6.26 17.03 13.97v64.96c0 7.7-7.61 13.96-17.03 13.96-9.42 0-17.04-6.26-17.04-13.96V13.97zm311.37 327.72c1.48-14.79 2.69-32.45 3.59-46.5h-75.88v-71.88h77.43c-.39-14.06-1.17-31.75-2.35-46.58-.96-5.93 6.02-9.73 10.51-5.9l90.89 82.99c2.7 2.31 3.02 6.38.7 9.08l-.74.73-93.65 84.05c-4.6 3.89-11.47-.19-10.5-5.99zM63.51 286h50.56c3.53 0 6.43 2.91 6.43 6.44v42.06c0 3.52-2.91 6.44-6.43 6.44H63.51c-3.53 0-6.44-2.91-6.44-6.44v-42.06c0-3.54 2.9-6.44 6.44-6.44zm198.44-98.62h50.55c3.23 0 5.92 2.43 6.37 5.52h-16v49.42h-40.92c-3.53 0-6.45-2.9-6.45-6.45v-42.05c0-3.54 2.9-6.44 6.45-6.44zm0 98.62h40.92v39.6h16.07v8.9c0 3.52-2.92 6.44-6.44 6.44h-50.55c-3.53 0-6.45-2.91-6.45-6.44v-42.06c0-3.54 2.9-6.44 6.45-6.44zm-98.5-98.62h50.56c3.53 0 6.43 2.92 6.43 6.44v42.05c0 3.53-2.91 6.45-6.43 6.45h-50.56c-3.53 0-6.44-2.9-6.44-6.45v-42.05c0-3.54 2.9-6.44 6.44-6.44zm-99.94 0h50.56c3.53 0 6.43 2.92 6.43 6.44v42.05c0 3.53-2.91 6.45-6.43 6.45H63.51c-3.53 0-6.44-2.9-6.44-6.45v-42.05c0-3.54 2.9-6.44 6.44-6.44zM163.45 286h50.56c3.53 0 6.43 2.91 6.43 6.44v42.06c0 3.52-2.91 6.44-6.43 6.44h-50.56c-3.53 0-6.44-2.91-6.44-6.44v-42.06c0-3.54 2.9-6.44 6.44-6.44z"/></svg>`;const w=`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 506.49"><path fill-rule="nonzero" d="m371.06 415.61-43.25 11.52 6.23-46.41 37.02 34.89zm6.76-177.5c36.98 0 70.56 15.04 94.83 39.35C496.96 301.7 512 335.25 512 372.31c0 37.02-15.02 70.61-39.3 94.88l-.68.64c-24.23 23.88-57.5 38.66-94.2 38.66-37.06 0-70.61-15.04-94.88-39.31l-.64-.69c-23.9-24.24-38.68-57.53-38.68-94.18 0-37.06 15.04-70.61 39.32-94.89 24.27-24.27 57.85-39.31 94.88-39.31zm78.74 55.41c-20.09-20.11-47.96-32.58-78.74-32.58-30.75 0-58.61 12.47-78.75 32.62-20.15 20.14-32.62 48-32.62 78.75 0 30.5 12.25 58.14 32.02 78.19l.6.55c20.14 20.14 48 32.61 78.75 32.61 30.48 0 58.12-12.25 78.21-32.02l.54-.58c20.15-20.15 32.61-48 32.61-78.75s-12.48-58.61-32.62-78.79zM294.24 17.11C294.24 7.69 303.52 0 315.1 0c11.57 0 20.87 7.64 20.87 17.11v74.85c0 9.42-9.3 17.11-20.87 17.11-11.58 0-20.86-7.65-20.86-17.11V17.11zM56.8 242.28c-1.17 0-2.23-5.2-2.23-11.57 0-6.38.92-11.53 2.23-11.53h56.94c1.18 0 2.24 5.2 2.24 11.53 0 6.39-.92 11.57-2.24 11.57H56.8zm90.77 0c-1.17 0-2.23-5.2-2.23-11.57 0-6.38.92-11.53 2.23-11.53h56.94c1.18 0 2.24 5.2 2.24 11.53 0 6.39-.92 11.57-2.24 11.57h-56.94zm90.77 0c-1.16 0-2.22-5.2-2.22-11.57 0-6.38.92-11.53 2.22-11.53h56.94c1.19 0 2.25 5.15 2.25 11.49-5.7 3.55-11.2 7.44-16.43 11.61h-42.76zm-181.4 66.24c-1.18 0-2.24-5.2-2.24-11.57 0-6.38.93-11.58 2.24-11.58h56.94c1.18 0 2.22 5.2 2.22 11.58 0 6.37-.91 11.57-2.22 11.57H56.94zm90.77 0c-1.18 0-2.24-5.2-2.24-11.57 0-6.38.93-11.58 2.24-11.58h56.94c1.18 0 2.23 5.2 2.23 11.58 0 6.37-.92 11.57-2.23 11.57h-56.94zM57.06 374.8c-1.18 0-2.24-5.2-2.24-11.59 0-6.36.94-11.56 2.24-11.56H114c1.19 0 2.24 5.2 2.24 11.56 0 6.39-.93 11.59-2.24 11.59H57.06zm90.78 0c-1.19 0-2.25-5.2-2.25-11.59 0-6.36.94-11.56 2.25-11.56h56.94c1.18 0 2.24 5.2 2.24 11.56 0 6.39-.94 11.59-2.24 11.59h-56.94zM106.83 17.11C106.83 7.69 116.1 0 127.69 0c11.57 0 20.86 7.64 20.86 17.11v74.85c0 9.42-9.34 17.11-20.86 17.11-11.59 0-20.86-7.65-20.86-17.11V17.11zM22.97 163.64h397.39V77.46c0-2.94-1.19-5.53-3.09-7.43-1.9-1.9-4.59-3.08-7.42-3.08h-38.1c-6.39 0-11.59-5.2-11.59-11.57 0-6.38 5.2-11.58 11.59-11.58h38.1c9.32 0 17.7 3.77 23.82 9.88 6.12 6.14 9.88 14.5 9.88 23.83v136.81c-7.61-2.62-15.41-4.73-23.44-6.29v-21.38h.25H22.97v223.17c0 2.94 1.18 5.52 3.08 7.42 1.91 1.9 4.61 3.08 7.44 3.08h188.85c2.16 8.02 4.86 15.84 8.11 23.36H33.71c-9.3 0-17.7-3.75-23.84-9.89C3.75 427.72 0 419.36 0 410.02V77.55c0-9.29 3.75-17.7 9.87-23.82 6.14-6.13 14.5-9.89 23.84-9.89h40.67c6.38 0 11.57 5.2 11.57 11.57C85.95 61.8 80.76 67 74.38 67H33.71c-2.96 0-5.54 1.18-7.44 3.08-1.9 1.9-3.09 4.59-3.09 7.43v86.16h-.21v-.03zm158.95-96.69c-6.39 0-11.57-5.2-11.57-11.57 0-6.38 5.18-11.58 11.57-11.58h77.55c6.39 0 11.57 5.2 11.57 11.58 0 6.37-5.18 11.57-11.57 11.57h-77.55zm161.66 303.24 45.37-51.33c.72-.84 1.78-1.34 2.85-1.36.69-.01 1.37.13 1.98.45l32.94 29.96c.66.59 1.05 1.46 1.06 2.35.02 1-.39 1.98-1.16 2.66l-46.15 52.16-36.95-34.89h.06z"/></svg>`;const b=[{value:"private_shared",label:"Personal + Shared"},{value:"private",label:"Personal"},{value:"shared",label:"Shared"},{value:"public",label:"Public"}];const k=[{value:"all",label:"All"},{value:"starred",label:"Starred"},{value:"unstarred",label:"Not Starred"}];const y=[{value:"name",label:"Name"},{value:"created_at",label:"Created"},{value:"updated_at",label:"Last Updated"},{value:"last_used_at",label:"Last Used"},{value:"counter",label:"Most Used"},{value:"star_counter",label:"Most Starred"}];const z=class{constructor(s){e(this,s);this.sdkError=t(this,"sdkError",7);this.viewTemplate=t(this,"viewTemplate",7);this.signNow=t(this,"signNow",7);this.submittedData=t(this,"submittedData",7);this.editTemplate=t(this,"editTemplate",7);this.templateDeleted=t(this,"templateDeleted",7);this.changeSort=t(this,"changeSort",7);this.changeVisibility=t(this,"changeVisibility",7);this.changeStarred=t(this,"changeStarred",7);this.changeName=t(this,"changeName",7);this.endpoint=i.getDefault();this.visibility="private_shared";this.starred="all";this.sort="updated_at";this.name="";this.allowedActions=["send","submitted","link","edit","delete"];this.showPagination=true;this.rowsPerPage=10;this.selectedPage=0;this.count=0;this.initiallyLoaded=false;this.loading=true;this.confirmDelete=null;this.templates=[];this.localNameFilter="";this.handleOptionSelected=(e,t)=>{var s,n,i,l;if(e==="send"){(s=this.viewTemplate)===null||s===void 0?void 0:s.emit({endpoint:this.endpoint,template:t})}else if(e==="signnow"){(n=this.signNow)===null||n===void 0?void 0:n.emit({endpoint:this.endpoint,template:t})}else if(e==="submitted"){(i=this.submittedData)===null||i===void 0?void 0:i.emit({endpoint:this.endpoint,template:t})}else if(e==="edit"){(l=this.editTemplate)===null||l===void 0?void 0:l.emit({endpoint:this.endpoint,template:t})}else if(e==="delete"){this.confirmDelete=t}}}handleSharingUpdated(){return this.queryTemplates()}handleStarredUpdated(){return this.queryTemplates()}handleSortUpdated(){return this.queryTemplates()}handleNameUpdated(){return this.queryTemplates()}handlePageUpdated(){return this.queryTemplates()}componentWillLoad(){this.endpoint.loadSession();if(!this.endpoint.session){console.log("[TEMPLATES] Must be authenticated");return}}async componentDidLoad(){await this.queryTemplates();this.initiallyLoaded=true}async queryTemplates(){var e,t,s;console.log("[TEMPLATES] Querying templates");this.loading=true;try{let e={visibility:this.visibility,page:this.selectedPage,rows:this.rowsPerPage};if(this.name.trim()!==""){e.q=this.name.trim()}const t=await l(this.endpoint,e);this.templates=t.templates;this.count=t.count;this.loading=false}catch(n){this.loading=false;console.log("[TEMPLATES] Error listing templates",n);(e=this.sdkError)===null||e===void 0?void 0:e.emit(new r(n.message,(t=n.response)===null||t===void 0?void 0:t.status,(s=n.response)===null||s===void 0?void 0:s.data))}}deleteTemplate(e){this.confirmDelete=null;a(this.endpoint,e.id).then((()=>{var t;console.log("[TEMPLATES] Deleted template",e);(t=this.templateDeleted)===null||t===void 0?void 0:t.emit({endpoint:this.endpoint,template:e});return this.queryTemplates()})).catch((t=>{var s,n,i;console.log("[TEMPLATES] Error deleting template",e);(s=this.sdkError)===null||s===void 0?void 0:s.emit(new r(t.message,(n=t.response)===null||n===void 0?void 0:n.status,(i=t.response)===null||i===void 0?void 0:i.data))}))}render(){const e=!this.localNameFilter?this.templates:this.templates.filter((e=>e.name.toLowerCase().includes(this.localNameFilter.toLowerCase())));return s(n,{key:"de7c2936ade3d8cc9338e0899a4034f7449273a6"},s("div",{key:"5cf45e8d5488721fb1345f46a2f0cac0856e62f8",class:"header"},s("div",{key:"34131570eea93318d2e4df10851c878c6bcaa339",class:"filter"},s("verdocs-text-input",{key:"fcbd3e69988bfd427160b824b5335e76ec98f795",id:"verdocs-filter-name",value:this.name,clearable:true,autocomplete:"off",placeholder:"Filter by Name...",onInput:e=>this.localNameFilter=e.target.value.trim(),onFocusout:e=>{var t;this.name=e.target.value.trim();this.localNameFilter=e.target.value.trim();(t=this.changeName)===null||t===void 0?void 0:t.emit(this.name)}})),s("verdocs-quick-filter",{key:"d316a3e87952b7dabf6f278d937484e6710929ed",label:"Visibility",value:this.visibility,options:b,onOptionSelected:e=>{var t;this.visibility=e.detail.value;(t=this.changeVisibility)===null||t===void 0?void 0:t.emit(this.visibility)}}),s("verdocs-quick-filter",{key:"2e4c999b781d8ea38ce7cf9c518bbd2e06d3f94a",label:"Starred",value:this.starred,options:k,onOptionSelected:e=>{var t;this.starred=e.detail.value;(t=this.changeStarred)===null||t===void 0?void 0:t.emit(this.starred)}}),s("verdocs-quick-filter",{key:"ed517fac6f116e45d893cbcfa19b26f97e0909c0",label:"Sort By",value:this.sort,options:y,onOptionSelected:e=>{var t;this.sort=e.detail.value;(t=this.changeSort)===null||t===void 0?void 0:t.emit(this.sort)}}),this.loading&&s("verdocs-spinner",{key:"20491f7e4328e91e5ac3949eba46d40f6843d1d1",mode:"dark",size:24}),s("div",{key:"d19bdd725c64f63910d4ad2aab9a2509e1df0350",style:{display:"flex",flex:"1"}})),e.map((e=>{const t=this.sort==="created_at"?"created_at":this.sort==="updated_at"?"updated_at":"last_used_at";const n=e[t];const i=[];const l=[];if(this.allowedActions.includes("send")){i.push({label:"Preview / Send",id:"send",disabled:!c(this.endpoint.profile,"read",e)})}if(this.allowedActions.includes("signnow")){i.push({label:"Sign Now",id:"signnow",disabled:true})}if(this.allowedActions.includes("submitted")){i.push({label:""});i.push({label:"Submissions",id:"submitted",disabled:!c(this.endpoint.profile,"read",e)})}if(this.allowedActions.includes("link")||this.allowedActions.includes("edit")||this.allowedActions.includes("delete")){i.push({label:""});if(this.allowedActions.includes("link")||this.allowedActions.includes("edit")||this.allowedActions.includes("delete")){i.push({label:"Edit",id:"edit",disabled:!l.includes("write")})}if(this.allowedActions.includes("link")||this.allowedActions.includes("edit")||this.allowedActions.includes("delete")){i.push({label:"Delete",id:"delete",disabled:!l.includes("delete")})}}return s("div",{class:"template",onClick:()=>{var t;(t=this.viewTemplate)===null||t===void 0?void 0:t.emit({endpoint:this.endpoint,template:e})}},s("div",{class:"inner"},s("verdocs-template-star",{template:e,endpoint:this.endpoint}),s("div",{class:"spacer icon-spacer"}),s("div",{class:"name"},e.name),s("div",{class:"spacer usage-spacer"}),s("div",{class:"usage"},s("span",{innerHTML:u,title:"Usage Counter"}),e.counter||"--"),s("div",{class:"spacer last-used-spacer"}),s("div",{class:"last-used"},t==="created_at"&&s("span",{innerHTML:x,title:"Created"}),t==="updated_at"&&s("span",{innerHTML:w,title:"Last Updated"}),t==="last_used_at"&&s("span",{innerHTML:g,title:"Last Used"}),n?o(new Date(n),"P"):"Never"),s("div",{class:"spacer ownership-spacer"}),e.is_public&&s("div",{class:"ownership"},s("span",{innerHTML:v})," Public"),!e.is_public&&!e.is_personal&&s("div",{class:"ownership"},s("span",{innerHTML:m})," Private"),!e.is_public&&e.is_personal&&s("div",{class:"ownership"},s("span",{innerHTML:f})," Shared"),s("verdocs-dropdown",{options:i,onOptionSelected:t=>this.handleOptionSelected(t.detail.id,e)})))})),!this.initiallyLoaded&&s("div",{key:"2874579da4fc3dcbc3a83ea8a6e1352515a413ee"},d(0,this.rowsPerPage).map((()=>s("div",{class:"template-placeholder"})))),this.initiallyLoaded&&!this.templates.length&&s("div",{key:"107532922a2456e33685db2bbfb4678b1dd458fa",class:"empty-text"},"No matching templates found. Please adjust your filters and try again."),this.initiallyLoaded&&this.templates.length&&this.showPagination?s("div",{style:{marginTop:"20px"}},s("verdocs-pagination",{selectedPage:this.selectedPage,perPage:this.rowsPerPage,itemCount:this.count,onSelectPage:e=>{this.selectedPage=e.detail.selectedPage}})):s("div",null),this.confirmDelete&&s("verdocs-ok-dialog",{key:"b9dd36650b8aec22a4fe8dd4e16c05291d5a0e44",heading:"Delete this Template?",message:"This operation cannot be undone.",onNext:()=>this.deleteTemplate(this.confirmDelete),onExit:()=>this.confirmDelete=null,showCancel:true}))}static get watchers(){return{sharing:["handleSharingUpdated"],starred:["handleStarredUpdated"],sort:["handleSortUpdated"],name:["handleNameUpdated"],selectedPage:["handlePageUpdated"]}}};z.style=p;export{z as verdocs_templates_list};
-//# sourceMappingURL=p-a557de10.entry.js.map
+import{r as e,c as t,h as s,H as n}from"./p-ddadabfb.js";import{VerdocsEndpoint as i,getTemplates as a,deleteTemplate as l,integerSequence as d,canPerformTemplateAction as c}from"@verdocs/js-sdk";import{S as r}from"./p-fd97809c.js";import{f as o}from"./p-12bab948.js";const h='@-webkit-keyframes verdocs-field-pulse {\n  0% {\n    background-color: rgba(0, 0, 0, 0.35);\n  }\n  50% {\n    background-color: rgba(0, 0, 0, 0);\n  }\n  100% {\n    background-color: rgba(0, 0, 0, 0.35);\n  }\n}\n@keyframes verdocs-field-pulse {\n  0% {\n    background-color: rgba(0, 0, 0, 0.35);\n  }\n  50% {\n    background-color: rgba(0, 0, 0, 0);\n  }\n  100% {\n    background-color: rgba(0, 0, 0, 0.35);\n  }\n}\nverdocs-templates-list {\n  display: -ms-flexbox;\n  display: flex;\n  padding: 10px;\n  font-size: 18px;\n  -ms-flex-wrap: nowrap;\n  flex-wrap: nowrap;\n  border-radius: 6px;\n  color: #33364b;\n  -ms-flex-direction: column;\n  flex-direction: column;\n  font-family: "Inter", "Barlow", sans-serif;\n}\nverdocs-templates-list .header {\n  width: 100%;\n  row-gap: 4px;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-wrap: wrap;\n  flex-wrap: wrap;\n  -webkit-column-gap: 12px;\n  -moz-column-gap: 12px;\n  column-gap: 12px;\n  margin: 0 0 10px 0;\n  -ms-flex-align: center;\n  align-items: center;\n  -ms-flex-direction: row;\n  flex-direction: row;\n}\nverdocs-templates-list .header .filter {\n  width: 150px;\n}\nverdocs-templates-list .header verdocs-text-input {\n  margin: 0;\n}\nverdocs-templates-list .header verdocs-text-input input {\n  height: 32px;\n}\nverdocs-templates-list .filter {\n  -ms-flex-align: center;\n  align-items: center;\n}\nverdocs-templates-list .template-placeholder {\n  height: 48px;\n  -ms-flex: 0 0 48px;\n  flex: 0 0 48px;\n  margin: 5px 0;\n  border-radius: 5px;\n  background: #f5f5fa;\n}\nverdocs-templates-list .template {\n  width: 100%;\n  margin: 2px 0;\n  border: 1px solid #ffffff;\n  background: #ffffff;\n}\nverdocs-templates-list .template:hover {\n  cursor: pointer;\n  background: #ededff;\n  border: 1px solid #a7a7f5;\n}\nverdocs-templates-list .template .inner {\n  gap: 12px;\n  display: -ms-flexbox;\n  display: flex;\n  padding: 8px 14px;\n  border-radius: 5px;\n  -ms-flex-direction: row;\n  flex-direction: row;\n  -ms-flex-align: center;\n  align-items: center;\n  container-type: inline-size;\n}\nverdocs-templates-list .template .inner svg {\n  width: 24px;\n  height: 24px;\n}\nverdocs-templates-list .name {\n  -ms-flex: 1;\n  flex: 1;\n  display: -ms-flexbox;\n  display: flex;\n  color: black;\n  font-size: 16px;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n@media screen and (max-width: 1300px) {\n  verdocs-templates-list .name {\n    font-size: 16px;\n  }\n}\nverdocs-templates-list .spacer {\n  margin: 0;\n  height: 30px;\n  -ms-flex: 0 0 1px;\n  flex: 0 0 1px;\n  display: -ms-flexbox;\n  display: flex;\n  border-right: 1px solid #dad8dd;\n}\n@media screen and (max-width: 800px) {\n  verdocs-templates-list .spacer {\n    display: none;\n  }\n}\nverdocs-templates-list .empty-text {\n  font-size: 20px;\n  text-align: center;\n  margin: 16px 0 0 0;\n  padding: 80px 80px;\n  border: 2px solid #ccc;\n}\nverdocs-templates-list .usage,\nverdocs-templates-list .ownership,\nverdocs-templates-list .last-used {\n  gap: 10px;\n  color: #444;\n  display: -ms-flexbox;\n  display: flex;\n  font-size: 16px;\n  margin: 0 0 0 10px;\n  -ms-flex-align: center;\n  align-items: center;\n  -ms-flex-direction: row;\n  flex-direction: row;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\nverdocs-templates-list .usage span,\nverdocs-templates-list .usage svg,\nverdocs-templates-list .ownership span,\nverdocs-templates-list .ownership svg,\nverdocs-templates-list .last-used span,\nverdocs-templates-list .last-used svg {\n  width: 24px;\n  height: 24px;\n}\nverdocs-templates-list .usage span,\nverdocs-templates-list .ownership span,\nverdocs-templates-list .last-used span {\n  display: block;\n}\n@media screen and (max-width: 700px) {\n  verdocs-templates-list verdocs-template-star {\n    display: none;\n  }\n}\nverdocs-templates-list .ownership {\n  -ms-flex: 0 0 100px;\n  flex: 0 0 100px;\n}\n@media screen and (max-width: 700px) {\n  verdocs-templates-list .ownership {\n    display: none;\n  }\n}\nverdocs-templates-list .last-used {\n  -ms-flex: 0 0 130px;\n  flex: 0 0 130px;\n}\nverdocs-templates-list .usage {\n  -ms-flex: 0 0 60px;\n  flex: 0 0 60px;\n}\nverdocs-templates-list .header-row {\n  display: none;\n}\nverdocs-templates-list table {\n  container-type: size;\n  max-width: 100%;\n  overflow: hidden;\n  table-layout: fixed;\n}\nverdocs-templates-list .data-row {\n  cursor: pointer;\n  background: #ededff;\n  border: 1px solid #a7a7f5;\n}\nverdocs-templates-list .data-col svg {\n  width: 24px;\n  height: 24px;\n}\nverdocs-templates-list .col-name {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n}\n@container (max-width:700 px) {\n  verdocs-templates-list verdocs-templates-list .col-starred {\n    display: none;\n  }\n}';const p=h;const v=`<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="M12 21a9.004 9.004 0 008.716-6.747M12 21a9.004 9.004 0 01-8.716-6.747M12 21c2.485 0 4.5-4.03 4.5-9S14.485 3 12 3m0 18c-2.485 0-4.5-4.03-4.5-9S9.515 3 12 3m0 0a8.997 8.997 0 017.843 4.582M12 3a8.997 8.997 0 00-7.843 4.582m15.686 0A11.953 11.953 0 0112 10.5c-2.998 0-5.74-1.1-7.843-2.918m15.686 0A8.959 8.959 0 0121 12c0 .778-.099 1.533-.284 2.253m0 0A17.919 17.919 0 0112 16.5c-3.162 0-6.133-.815-8.716-2.247m0 0A9.015 9.015 0 013 12c0-1.605.42-3.113 1.157-4.418" /></svg>`;const m=`<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="M16.5 10.5V6.75a4.5 4.5 0 10-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 002.25-2.25v-6.75a2.25 2.25 0 00-2.25-2.25H6.75a2.25 2.25 0 00-2.25 2.25v6.75a2.25 2.25 0 002.25 2.25z" /></svg>`;const f=`<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="M3.75 21h16.5M4.5 3h15M5.25 3v18m13.5-18v18M9 6.75h1.5m-1.5 3h1.5m-1.5 3h1.5m3-6H15m-1.5 3H15m-1.5 3H15M9 21v-3.375c0-.621.504-1.125 1.125-1.125h3.75c.621 0 1.125.504 1.125 1.125V21" /></svg>`;const u=`<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="M21.75 6.75v10.5a2.25 2.25 0 01-2.25 2.25h-15a2.25 2.25 0 01-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0019.5 4.5h-15a2.25 2.25 0 00-2.25 2.25m19.5 0v.243a2.25 2.25 0 01-1.07 1.916l-7.5 4.615a2.25 2.25 0 01-2.36 0L3.32 8.91a2.25 2.25 0 01-1.07-1.916V6.75" /></svg>`;const x=`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 122.88 122.88"><g><path d="M81.61,4.73c0-2.61,2.58-4.73,5.77-4.73c3.19,0,5.77,2.12,5.77,4.73v20.72c0,2.61-2.58,4.73-5.77,4.73 c-3.19,0-5.77-2.12-5.77-4.73V4.73L81.61,4.73z M66.11,103.81c-0.34,0-0.61-1.43-0.61-3.2c0-1.77,0.27-3.2,0.61-3.2H81.9 c0.34,0,0.61,1.43,0.61,3.2c0,1.77-0.27,3.2-0.61,3.2H66.11L66.11,103.81z M15.85,67.09c-0.34,0-0.61-1.43-0.61-3.2 c0-1.77,0.27-3.2,0.61-3.2h15.79c0.34,0,0.61,1.43,0.61,3.2c0,1.77-0.27,3.2-0.61,3.2H15.85L15.85,67.09z M40.98,67.09 c-0.34,0-0.61-1.43-0.61-3.2c0-1.77,0.27-3.2,0.61-3.2h15.79c0.34,0,0.61,1.43,0.61,3.2c0,1.77-0.27,3.2-0.61,3.2H40.98 L40.98,67.09z M66.11,67.09c-0.34,0-0.61-1.43-0.61-3.2c0-1.77,0.27-3.2,0.61-3.2H81.9c0.34,0,0.61,1.43,0.61,3.2 c0,1.77-0.27,3.2-0.61,3.2H66.11L66.11,67.09z M91.25,67.09c-0.34,0-0.61-1.43-0.61-3.2c0-1.77,0.27-3.2,0.61-3.2h15.79 c0.34,0,0.61,1.43,0.61,3.2c0,1.77-0.27,3.2-0.61,3.2H91.25L91.25,67.09z M15.85,85.45c-0.34,0-0.61-1.43-0.61-3.2 c0-1.77,0.27-3.2,0.61-3.2h15.79c0.34,0,0.61,1.43,0.61,3.2c0,1.77-0.27,3.2-0.61,3.2H15.85L15.85,85.45z M40.98,85.45 c-0.34,0-0.61-1.43-0.61-3.2c0-1.77,0.27-3.2,0.61-3.2h15.79c0.34,0,0.61,1.43,0.61,3.2c0,1.77-0.27,3.2-0.61,3.2H40.98 L40.98,85.45z M66.11,85.45c-0.34,0-0.61-1.43-0.61-3.2c0-1.77,0.27-3.2,0.61-3.2H81.9c0.34,0,0.61,1.43,0.61,3.2 c0,1.77-0.27,3.2-0.61,3.2H66.11L66.11,85.45z M91.25,85.45c-0.34,0-0.61-1.43-0.61-3.2c0-1.77,0.27-3.2,0.61-3.2h15.79 c0.34,0,0.61,1.43,0.61,3.2c0,1.77-0.27,3.2-0.61,3.2H91.25L91.25,85.45z M15.85,103.81c-0.34,0-0.61-1.43-0.61-3.2 c0-1.77,0.27-3.2,0.61-3.2h15.79c0.34,0,0.61,1.43,0.61,3.2c0,1.77-0.27,3.2-0.61,3.2H15.85L15.85,103.81z M40.98,103.81 c-0.34,0-0.61-1.43-0.61-3.2c0-1.77,0.27-3.2,0.61-3.2h15.79c0.34,0,0.61,1.43,0.61,3.2c0,1.77-0.27,3.2-0.61,3.2H40.98 L40.98,103.81z M29.61,4.73c0-2.61,2.58-4.73,5.77-4.73s5.77,2.12,5.77,4.73v20.72c0,2.61-2.58,4.73-5.77,4.73 s-5.77-2.12-5.77-4.73V4.73L29.61,4.73z M6.4,45.32h110.07V21.47c0-0.8-0.33-1.53-0.86-2.07c-0.53-0.53-1.26-0.86-2.07-0.86H103 c-1.77,0-3.2-1.43-3.2-3.2c0-1.77,1.43-3.2,3.2-3.2h10.55c2.57,0,4.9,1.05,6.59,2.74c1.69,1.69,2.74,4.02,2.74,6.59v27.06v65.03 c0,2.57-1.05,4.9-2.74,6.59c-1.69,1.69-4.02,2.74-6.59,2.74H9.33c-2.57,0-4.9-1.05-6.59-2.74C1.05,118.45,0,116.12,0,113.55V48.52 V21.47c0-2.57,1.05-4.9,2.74-6.59c1.69-1.69,4.02-2.74,6.59-2.74H20.6c1.77,0,3.2,1.43,3.2,3.2c0,1.77-1.43,3.2-3.2,3.2H9.33 c-0.8,0-1.53,0.33-2.07,0.86c-0.53,0.53-0.86,1.26-0.86,2.07V45.32L6.4,45.32z M116.48,51.73H6.4v61.82c0,0.8,0.33,1.53,0.86,2.07 c0.53,0.53,1.26,0.86,2.07,0.86h104.22c0.8,0,1.53-0.33,2.07-0.86c0.53-0.53,0.86-1.26,0.86-2.07V51.73L116.48,51.73z M50.43,18.54 c-1.77,0-3.2-1.43-3.2-3.2c0-1.77,1.43-3.2,3.2-3.2h21.49c1.77,0,3.2,1.43,3.2,3.2c0,1.77-1.43,3.2-3.2,3.2H50.43L50.43,18.54z"/></g></svg>`;const g=`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 410.2"><path d="M35.28 35.51h32.54v43.42c0 10.58 4.27 20.06 11.35 27.23 17.03 17.14 45.5 17.45 63.06.93 7.71-7.29 12.4-17.14 12.4-28.16V35.51h65.71v43.42c0 6.34 1.56 12.3 4.35 17.6 2.03 3.85 4.71 7.37 7.92 10.43l2.41 2.24c1.79 1.46 3.71 2.79 5.76 3.97l.31.18.07.04.25.13.16.1.15.08.27.14.05.03.32.17.05.03.27.13.15.08.17.09.26.12.07.04.32.16.03.01.31.15.12.06.2.09.24.11.1.05.33.14.34.16.1.04.23.1.21.09.13.05.31.13h.03l.34.14.08.04.27.1.18.07.16.06.3.11.05.02.34.12.06.02.3.11.16.05.19.07.26.09.09.03.35.12.02.01.34.1.13.04.22.07.25.07.11.03.36.11.36.1.11.03.25.07.22.06.14.04.34.09h.02l.37.1.08.02.29.06.19.05.17.03.32.08.05.01.37.08.06.01.31.06.17.04.21.03.28.06.09.02.37.07h.03l.35.06.14.03.23.03.27.04.11.02.38.06.38.05.12.01.26.04.23.03.15.01.35.05h.03l.39.04.08.01.3.02.21.02.17.02.34.02.05.01.39.03h.05l.34.02.18.01.21.01.3.02h.08l.39.01.03.01.36.01h.39l.28.01h.96l.33-.01h.39l.18-.01.2-.01.25-.01h.13l.32-.02h.07l.38-.02h.01l.37-.02.07-.01.32-.02.12-.01.26-.02.19-.02.19-.02.25-.02.13-.01.31-.04h.07l.37-.05h.01l.37-.04.06-.01.32-.04.12-.02.26-.03.18-.03.19-.03.24-.04.14-.02.3-.05.07-.01.36-.06h.01l.37-.07.05-.01.32-.06.12-.02.25-.05.18-.04.19-.04.23-.05.14-.03.29-.07.08-.01.35-.08.01-.01.36-.08.05-.02.31-.08.11-.02.25-.07.17-.04.2-.06.22-.05.14-.05.28-.08.07-.02.34-.09.02-.01.36-.11.03-.01.32-.1.1-.03.25-.08.16-.05.19-.07.22-.07.13-.04.28-.1.08-.03.32-.11.02-.01.35-.13.04-.01.3-.11.09-.04.26-.1.15-.06.19-.07.21-.09.13-.05.26-.11.08-.03.32-.13.02-.01.33-.14.04-.02.3-.13.09-.04.24-.11.14-.07.19-.08.19-.1.14-.06.25-.12.08-.03.3-.16h.03l.32-.17.03-.01.29-.16.09-.04.24-.12.13-.07.19-.1.18-.1.14-.07.23-.13.08-.05.29-.16.03-.01.31-.18c1.11-.64 2.17-1.31 3.2-2.03l2.71-1.95c4.36-3.56 7.92-7.88 10.43-12.76 2.73-5.26 4.25-11.19 4.25-17.5V35.51h33.97c9.68 0 18.5 3.98 24.91 10.38 6.4 6.37 10.38 15.2 10.38 24.9V192.9H365.1v-53.83H11.3v233.49c0 15.25 12.49 27.74 27.75 27.74h298.3c15.27 0 27.75-12.51 27.75-27.74V325.6h11.31v49.32c0 9.7-3.98 18.53-10.37 24.91-6.42 6.39-15.24 10.37-24.92 10.37H35.28c-9.68 0-18.49-3.97-24.89-10.37C3.97 393.41 0 384.59 0 374.92V70.79C0 61.12 3.97 52.3 10.36 45.9c6.43-6.42 15.25-10.39 24.92-10.39zm211.43-21.54c0-7.71 7.61-13.97 17.03-13.97 9.42 0 17.04 6.26 17.04 13.97v64.96c0 7.7-7.62 13.96-17.04 13.96-9.42 0-17.03-6.26-17.03-13.96V13.97zm-152.52 0C94.19 6.26 101.81 0 111.23 0c9.42 0 17.03 6.26 17.03 13.97v64.96c0 7.7-7.61 13.96-17.03 13.96-9.42 0-17.04-6.26-17.04-13.96V13.97zm311.37 327.72c1.48-14.79 2.69-32.45 3.59-46.5h-75.88v-71.88h77.43c-.39-14.06-1.17-31.75-2.35-46.58-.96-5.93 6.02-9.73 10.51-5.9l90.89 82.99c2.7 2.31 3.02 6.38.7 9.08l-.74.73-93.65 84.05c-4.6 3.89-11.47-.19-10.5-5.99zM63.51 286h50.56c3.53 0 6.43 2.91 6.43 6.44v42.06c0 3.52-2.91 6.44-6.43 6.44H63.51c-3.53 0-6.44-2.91-6.44-6.44v-42.06c0-3.54 2.9-6.44 6.44-6.44zm198.44-98.62h50.55c3.23 0 5.92 2.43 6.37 5.52h-16v49.42h-40.92c-3.53 0-6.45-2.9-6.45-6.45v-42.05c0-3.54 2.9-6.44 6.45-6.44zm0 98.62h40.92v39.6h16.07v8.9c0 3.52-2.92 6.44-6.44 6.44h-50.55c-3.53 0-6.45-2.91-6.45-6.44v-42.06c0-3.54 2.9-6.44 6.45-6.44zm-98.5-98.62h50.56c3.53 0 6.43 2.92 6.43 6.44v42.05c0 3.53-2.91 6.45-6.43 6.45h-50.56c-3.53 0-6.44-2.9-6.44-6.45v-42.05c0-3.54 2.9-6.44 6.44-6.44zm-99.94 0h50.56c3.53 0 6.43 2.92 6.43 6.44v42.05c0 3.53-2.91 6.45-6.43 6.45H63.51c-3.53 0-6.44-2.9-6.44-6.45v-42.05c0-3.54 2.9-6.44 6.44-6.44zM163.45 286h50.56c3.53 0 6.43 2.91 6.43 6.44v42.06c0 3.52-2.91 6.44-6.43 6.44h-50.56c-3.53 0-6.44-2.91-6.44-6.44v-42.06c0-3.54 2.9-6.44 6.44-6.44z"/></svg>`;const b=`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 506.49"><path fill-rule="nonzero" d="m371.06 415.61-43.25 11.52 6.23-46.41 37.02 34.89zm6.76-177.5c36.98 0 70.56 15.04 94.83 39.35C496.96 301.7 512 335.25 512 372.31c0 37.02-15.02 70.61-39.3 94.88l-.68.64c-24.23 23.88-57.5 38.66-94.2 38.66-37.06 0-70.61-15.04-94.88-39.31l-.64-.69c-23.9-24.24-38.68-57.53-38.68-94.18 0-37.06 15.04-70.61 39.32-94.89 24.27-24.27 57.85-39.31 94.88-39.31zm78.74 55.41c-20.09-20.11-47.96-32.58-78.74-32.58-30.75 0-58.61 12.47-78.75 32.62-20.15 20.14-32.62 48-32.62 78.75 0 30.5 12.25 58.14 32.02 78.19l.6.55c20.14 20.14 48 32.61 78.75 32.61 30.48 0 58.12-12.25 78.21-32.02l.54-.58c20.15-20.15 32.61-48 32.61-78.75s-12.48-58.61-32.62-78.79zM294.24 17.11C294.24 7.69 303.52 0 315.1 0c11.57 0 20.87 7.64 20.87 17.11v74.85c0 9.42-9.3 17.11-20.87 17.11-11.58 0-20.86-7.65-20.86-17.11V17.11zM56.8 242.28c-1.17 0-2.23-5.2-2.23-11.57 0-6.38.92-11.53 2.23-11.53h56.94c1.18 0 2.24 5.2 2.24 11.53 0 6.39-.92 11.57-2.24 11.57H56.8zm90.77 0c-1.17 0-2.23-5.2-2.23-11.57 0-6.38.92-11.53 2.23-11.53h56.94c1.18 0 2.24 5.2 2.24 11.53 0 6.39-.92 11.57-2.24 11.57h-56.94zm90.77 0c-1.16 0-2.22-5.2-2.22-11.57 0-6.38.92-11.53 2.22-11.53h56.94c1.19 0 2.25 5.15 2.25 11.49-5.7 3.55-11.2 7.44-16.43 11.61h-42.76zm-181.4 66.24c-1.18 0-2.24-5.2-2.24-11.57 0-6.38.93-11.58 2.24-11.58h56.94c1.18 0 2.22 5.2 2.22 11.58 0 6.37-.91 11.57-2.22 11.57H56.94zm90.77 0c-1.18 0-2.24-5.2-2.24-11.57 0-6.38.93-11.58 2.24-11.58h56.94c1.18 0 2.23 5.2 2.23 11.58 0 6.37-.92 11.57-2.23 11.57h-56.94zM57.06 374.8c-1.18 0-2.24-5.2-2.24-11.59 0-6.36.94-11.56 2.24-11.56H114c1.19 0 2.24 5.2 2.24 11.56 0 6.39-.93 11.59-2.24 11.59H57.06zm90.78 0c-1.19 0-2.25-5.2-2.25-11.59 0-6.36.94-11.56 2.25-11.56h56.94c1.18 0 2.24 5.2 2.24 11.56 0 6.39-.94 11.59-2.24 11.59h-56.94zM106.83 17.11C106.83 7.69 116.1 0 127.69 0c11.57 0 20.86 7.64 20.86 17.11v74.85c0 9.42-9.34 17.11-20.86 17.11-11.59 0-20.86-7.65-20.86-17.11V17.11zM22.97 163.64h397.39V77.46c0-2.94-1.19-5.53-3.09-7.43-1.9-1.9-4.59-3.08-7.42-3.08h-38.1c-6.39 0-11.59-5.2-11.59-11.57 0-6.38 5.2-11.58 11.59-11.58h38.1c9.32 0 17.7 3.77 23.82 9.88 6.12 6.14 9.88 14.5 9.88 23.83v136.81c-7.61-2.62-15.41-4.73-23.44-6.29v-21.38h.25H22.97v223.17c0 2.94 1.18 5.52 3.08 7.42 1.91 1.9 4.61 3.08 7.44 3.08h188.85c2.16 8.02 4.86 15.84 8.11 23.36H33.71c-9.3 0-17.7-3.75-23.84-9.89C3.75 427.72 0 419.36 0 410.02V77.55c0-9.29 3.75-17.7 9.87-23.82 6.14-6.13 14.5-9.89 23.84-9.89h40.67c6.38 0 11.57 5.2 11.57 11.57C85.95 61.8 80.76 67 74.38 67H33.71c-2.96 0-5.54 1.18-7.44 3.08-1.9 1.9-3.09 4.59-3.09 7.43v86.16h-.21v-.03zm158.95-96.69c-6.39 0-11.57-5.2-11.57-11.57 0-6.38 5.18-11.58 11.57-11.58h77.55c6.39 0 11.57 5.2 11.57 11.58 0 6.37-5.18 11.57-11.57 11.57h-77.55zm161.66 303.24 45.37-51.33c.72-.84 1.78-1.34 2.85-1.36.69-.01 1.37.13 1.98.45l32.94 29.96c.66.59 1.05 1.46 1.06 2.35.02 1-.39 1.98-1.16 2.66l-46.15 52.16-36.95-34.89h.06z"/></svg>`;const w=[{value:"private_shared",label:"Personal + Shared"},{value:"private",label:"Personal"},{value:"shared",label:"Shared"},{value:"public",label:"Public"}];const k=[{value:"all",label:"All"},{value:"starred",label:"Starred"},{value:"unstarred",label:"Not Starred"}];const y=[{value:"name",label:"Name"},{value:"created_at",label:"Created"},{value:"updated_at",label:"Last Updated"},{value:"last_used_at",label:"Last Used"},{value:"counter",label:"Most Used"},{value:"star_counter",label:"Most Starred"}];const z=class{constructor(s){e(this,s);this.sdkError=t(this,"sdkError",7);this.viewTemplate=t(this,"viewTemplate",7);this.signNow=t(this,"signNow",7);this.submittedData=t(this,"submittedData",7);this.editTemplate=t(this,"editTemplate",7);this.templateDeleted=t(this,"templateDeleted",7);this.changeSort=t(this,"changeSort",7);this.changeVisibility=t(this,"changeVisibility",7);this.changeStarred=t(this,"changeStarred",7);this.changeName=t(this,"changeName",7);this.endpoint=i.getDefault();this.visibility="private_shared";this.starred="all";this.sort="updated_at";this.name="";this.allowedActions=["send","submitted","link","edit","delete"];this.showPagination=true;this.rowsPerPage=10;this.selectedPage=0;this.count=0;this.initiallyLoaded=false;this.loading=true;this.confirmDelete=null;this.templates=[];this.localNameFilter="";this.handleOptionSelected=(e,t)=>{var s,n,i,a;if(e==="send"){(s=this.viewTemplate)===null||s===void 0?void 0:s.emit({endpoint:this.endpoint,template:t})}else if(e==="signnow"){(n=this.signNow)===null||n===void 0?void 0:n.emit({endpoint:this.endpoint,template:t})}else if(e==="submitted"){(i=this.submittedData)===null||i===void 0?void 0:i.emit({endpoint:this.endpoint,template:t})}else if(e==="edit"){(a=this.editTemplate)===null||a===void 0?void 0:a.emit({endpoint:this.endpoint,template:t})}else if(e==="delete"){this.confirmDelete=t}}}handleSharingUpdated(){return this.queryTemplates()}handleStarredUpdated(){return this.queryTemplates()}handleSortUpdated(){return this.queryTemplates()}handleNameUpdated(){return this.queryTemplates()}handlePageUpdated(){return this.queryTemplates()}componentWillLoad(){this.endpoint.loadSession();if(!this.endpoint.session){console.log("[TEMPLATES] Must be authenticated");return}}async componentDidLoad(){await this.queryTemplates();this.initiallyLoaded=true}async queryTemplates(){var e,t,s;console.log("[TEMPLATES] Querying templates");this.loading=true;try{let e={visibility:this.visibility,page:this.selectedPage,rows:this.rowsPerPage};if(this.name.trim()!==""){e.q=this.name.trim()}const t=await a(this.endpoint,e);this.templates=t.templates;this.count=t.count;this.loading=false}catch(n){this.loading=false;console.log("[TEMPLATES] Error listing templates",n);(e=this.sdkError)===null||e===void 0?void 0:e.emit(new r(n.message,(t=n.response)===null||t===void 0?void 0:t.status,(s=n.response)===null||s===void 0?void 0:s.data))}}deleteTemplate(e){this.confirmDelete=null;l(this.endpoint,e.id).then((()=>{var t;console.log("[TEMPLATES] Deleted template",e);(t=this.templateDeleted)===null||t===void 0?void 0:t.emit({endpoint:this.endpoint,template:e});return this.queryTemplates()})).catch((t=>{var s,n,i;console.log("[TEMPLATES] Error deleting template",e);(s=this.sdkError)===null||s===void 0?void 0:s.emit(new r(t.message,(n=t.response)===null||n===void 0?void 0:n.status,(i=t.response)===null||i===void 0?void 0:i.data))}))}render(){const e=!this.localNameFilter?this.templates:this.templates.filter((e=>e.name.toLowerCase().includes(this.localNameFilter.toLowerCase())));return s(n,{key:"e7e90b641fbea53569365333de5671fe8056ad00"},s("div",{key:"800eaf67dd2c153ec9730952ecf86c2c883f3a59",class:"header"},s("div",{key:"0566a72ae5b65cae1d3d1ab9ee1f92193b28c7b7",class:"filter"},s("verdocs-text-input",{key:"18339e5f5219d4a874863483a5519313d62e5f39",id:"verdocs-filter-name",value:this.name,clearable:true,autocomplete:"off",placeholder:"Filter by Name...",onInput:e=>this.localNameFilter=e.target.value.trim(),onFocusout:e=>{var t;this.name=e.target.value.trim();this.localNameFilter=e.target.value.trim();(t=this.changeName)===null||t===void 0?void 0:t.emit(this.name)}})),s("verdocs-quick-filter",{key:"eb436954742039fe8e238e3f9e29323b284499fe",label:"Visibility",value:this.visibility,options:w,onOptionSelected:e=>{var t;this.visibility=e.detail.value;(t=this.changeVisibility)===null||t===void 0?void 0:t.emit(this.visibility)}}),s("verdocs-quick-filter",{key:"9a384e6a64b56c25ede399db0cfe691651712f08",label:"Starred",value:this.starred,options:k,onOptionSelected:e=>{var t;this.starred=e.detail.value;(t=this.changeStarred)===null||t===void 0?void 0:t.emit(this.starred)}}),s("verdocs-quick-filter",{key:"12b8d9bcbf43f10b98d19b429adeb2bb1fb9fa2d",label:"Sort By",value:this.sort,options:y,onOptionSelected:e=>{var t;this.sort=e.detail.value;(t=this.changeSort)===null||t===void 0?void 0:t.emit(this.sort)}}),this.loading&&s("verdocs-spinner",{key:"1c2a66d3549ee80decf1d523c9dece2416146a0b",mode:"dark",size:24}),s("div",{key:"6ecb8f54e7bb8a1b8e71497cfd78a5a8487466c5",style:{display:"flex",flex:"1"}})),e.map((e=>{const t=this.sort==="created_at"?"created_at":this.sort==="updated_at"?"updated_at":"last_used_at";const n=e[t];const i=[];const a=[];if(this.allowedActions.includes("send")){i.push({label:"Preview / Send",id:"send",disabled:!c(this.endpoint.profile,"read",e)})}if(this.allowedActions.includes("signnow")){i.push({label:"Sign Now",id:"signnow",disabled:true})}if(this.allowedActions.includes("submitted")){i.push({label:""});i.push({label:"Submissions",id:"submitted",disabled:!c(this.endpoint.profile,"read",e)})}if(this.allowedActions.includes("link")||this.allowedActions.includes("edit")||this.allowedActions.includes("delete")){i.push({label:""});if(this.allowedActions.includes("link")||this.allowedActions.includes("edit")||this.allowedActions.includes("delete")){i.push({label:"Edit",id:"edit",disabled:!a.includes("write")})}if(this.allowedActions.includes("link")||this.allowedActions.includes("edit")||this.allowedActions.includes("delete")){i.push({label:"Delete",id:"delete",disabled:!a.includes("delete")})}}return s("div",{class:"template",onClick:()=>{var t;(t=this.viewTemplate)===null||t===void 0?void 0:t.emit({endpoint:this.endpoint,template:e})}},s("div",{class:"inner"},s("verdocs-template-star",{template:e,endpoint:this.endpoint}),s("div",{class:"spacer icon-spacer"}),s("div",{class:"name"},e.name),s("div",{class:"spacer usage-spacer"}),s("div",{class:"usage"},s("span",{innerHTML:u,title:"Usage Counter"}),e.counter||"--"),s("div",{class:"spacer last-used-spacer"}),s("div",{class:"last-used"},t==="created_at"&&s("span",{innerHTML:x,title:"Created"}),t==="updated_at"&&s("span",{innerHTML:b,title:"Last Updated"}),t==="last_used_at"&&s("span",{innerHTML:g,title:"Last Used"}),n?o(new Date(n),"P"):"Never"),s("div",{class:"spacer ownership-spacer"}),e.is_public&&s("div",{class:"ownership"},s("span",{innerHTML:v})," Public"),!e.is_public&&!e.is_personal&&s("div",{class:"ownership"},s("span",{innerHTML:m})," Private"),!e.is_public&&e.is_personal&&s("div",{class:"ownership"},s("span",{innerHTML:f})," Shared"),s("verdocs-dropdown",{options:i,onOptionSelected:t=>this.handleOptionSelected(t.detail.id,e)})))})),!this.initiallyLoaded&&s("div",{key:"9c248da7e6a766b6d4ca75c5a6728f609540ff43"},d(0,this.rowsPerPage).map((()=>s("div",{class:"template-placeholder"})))),this.initiallyLoaded&&!this.templates.length&&s("div",{key:"978cb7ba0c6ee2307781fa1a93311fded6c03cf7",class:"empty-text"},"No matching templates found. Please adjust your filters and try again."),this.initiallyLoaded&&this.templates.length&&this.showPagination?s("div",{style:{marginTop:"20px"}},s("verdocs-pagination",{selectedPage:this.selectedPage,perPage:this.rowsPerPage,itemCount:this.count,onSelectPage:e=>{this.selectedPage=e.detail.selectedPage}})):s("div",null),this.confirmDelete&&s("verdocs-ok-dialog",{key:"737d3a3e1211a1a7da04bea7a1c5ba8cce43cd4b",heading:"Delete this Template?",message:"This operation cannot be undone.",onNext:()=>this.deleteTemplate(this.confirmDelete),onExit:()=>this.confirmDelete=null,showCancel:true}))}static get watchers(){return{sharing:["handleSharingUpdated"],starred:["handleStarredUpdated"],sort:["handleSortUpdated"],name:["handleNameUpdated"],selectedPage:["handlePageUpdated"]}}};z.style=p;export{z as verdocs_templates_list};
+//# sourceMappingURL=p-7b7451fb.entry.js.map

package/dist/verdocs-web-sdk/{p-0c9a2435.system.entry.js → p-7ba1b23c.system.entry.js}

@@ -1,2 +1,2 @@
-var __awaiter=this&&this.__awaiter||function(e,t,i,o){function r(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,a){function s(e){try{c(o.next(e))}catch(e){a(e)}}function n(e){try{c(o["throw"](e))}catch(e){a(e)}}function c(e){e.done?i(e.value):r(e.value).then(s,n)}c((o=o.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},o,r,a,s;return s={next:n(0),throw:n(1),return:n(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function n(e){return function(t){return c([e,t])}}function c(n){if(o)throw new TypeError("Generator is already executing.");while(s&&(s=0,n[0]&&(i=0)),i)try{if(o=1,r&&(a=n[0]&2?r["return"]:n[0]?r["throw"]||((a=r["return"])&&a.call(r),0):r.next)&&!(a=a.call(r,n[1])).done)return a;if(r=0,a)n=[n[0]&2,a.value];switch(n[0]){case 0:case 1:a=n;break;case 4:i.label++;return{value:n[1],done:false};case 5:i.label++;r=n[1];n=[0];continue;case 7:n=i.ops.pop();i.trys.pop();continue;default:if(!(a=i.trys,a=a.length>0&&a[a.length-1])&&(n[0]===6||n[0]===2)){i=0;continue}if(n[0]===3&&(!a||n[1]>a[0]&&n[1]<a[3])){i.label=n[1];break}if(n[0]===6&&i.label<a[1]){i.label=a[1];a=n;break}if(a&&i.label<a[2]){i.label=a[2];i.ops.push(n);break}if(a[2])i.ops.pop();i.trys.pop();continue}n=t.call(e,i)}catch(e){n=[6,e];r=0}finally{o=a=0}if(n[0]&5)throw n[1];return{value:n[0]?n[1]:void 0,done:true}}};System.register(["./p-60387e15.system.js","@verdocs/js-sdk","./p-f29eb00a.system.js","./p-e4a6b073.system.js","./p-e0ac9edf.system.js","./p-21b1acec.system.js","./p-d738b5db.system.js","./p-2c5350ec.system.js"],(function(e){"use strict";var t,i,o,r,a,s,n,c,d,l,u,h,p,f;return{setters:[function(e){t=e.r;i=e.c;o=e.h;r=e.H;a=e.F;s=e.g},function(e){n=e.VerdocsEndpoint;c=e.getTemplateDocumentPageDisplayUri;d=e.getTemplate},function(e){l=e.t;u=e.j;h=e.g},function(e){p=e.S},function(e){f=e.c},function(){},function(){},function(){}],execute:function(){var b="@-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-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 rgba(0, 0, 0, 0.0588235294);box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.0588235294)}verdocs-template-document-page .verdocs-template-document-page-layer.img{width:100%}verdocs-template-document-page .placeholder{opacity:0.1;width:612px;height:792px;-webkit-box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.0588235294);box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.0588235294)}";var v=b;var m=e("verdocs_template_document_page",function(){function e(e){t(this,e);this.pageRendered=i(this,"pageRendered",7);this.templateListenerId=null;this.endpoint=n.getDefault();this.editable=false;this.disabled=false;this.done=false;this.templateId="";this.documentId="";this.pageNumber=1;this.virtualWidth=612;this.virtualHeight=792;this.layers=[{name:"page",type:"canvas"}];this.containerId="verdocs-document-page-".concat(Math.random().toString(36).substring(2,11));this.renderedWidth=this.virtualWidth;this.renderedHeight=this.virtualHeight;this.naturalWidth=this.virtualWidth;this.naturalHeight=this.virtualHeight;this.aspectRatio=this.virtualWidth/this.virtualHeight;this.skipFirstNotification=true;this.pageDisplayUri="";this.xScale=1;this.yScale=1;this.loading=true;this.template=null}e.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){switch(t.label){case 0:e=this;return[4,c(this.endpoint,this.documentId,this.pageNumber)];case 1:e.pageDisplayUri=t.sent();this.listenToTemplate();return[2]}}))}))};e.prototype.componentDidLoad=function(){var e=this;this.resizeObserver=new ResizeObserver(l((function(t){for(var i=0,o=t;i<o.length;i++){var r=o[i];var a=r.contentRect.width;e.renderedWidth=a;e.renderedHeight=e.virtualHeight*(a/e.virtualWidth)}e.notifyRenderedSize()}),100));this.resizeObserver.observe(this.container)};e.prototype.componentDidUpdate=function(){this.notifyRenderedSize()};e.prototype.disconnectedCallback=function(){var e;(e=this.resizeObserver)===null||e===void 0?void 0:e.disconnect();this.unlistenToTemplate()};e.prototype.listenToTemplate=function(){return __awaiter(this,void 0,void 0,(function(){var e=this;return __generator(this,(function(t){this.unlistenToTemplate();p.subscribe("templates",this.templateId,(function(){return d(e.endpoint,e.templateId)}),false,(function(t){e.template=t;e.loading=false}));return[2]}))}))};e.prototype.unlistenToTemplate=function(){if(this.templateListenerId){p.store.delListener(this.templateListenerId);this.templateListenerId=null}};e.prototype.notifyRenderedSize=function(){if(this.skipFirstNotification){this.skipFirstNotification=false;return}var e=this.renderedWidth/this.virtualWidth;if(this.xScale!==e){this.xScale=e}var t=this.renderedHeight/this.virtualHeight;if(this.yScale!==t){this.yScale=t}this.pageRendered.emit({containerId:this.containerId,documentId:this.documentId,pageNumber:this.pageNumber,virtualWidth:this.virtualWidth,virtualHeight:this.virtualHeight,renderedWidth:this.renderedWidth,renderedHeight:this.renderedHeight,naturalWidth:this.naturalWidth,naturalHeight:this.naturalHeight,aspectRatio:this.aspectRatio,xScale:e,yScale:t})};e.prototype.render=function(){var e=this;if(this.loading){return o(r,null,o("img",{src:"https://public-assets.verdocs.com/loading-placeholder.png",class:"placeholder",alt:"Placeholder page"}))}var t="".concat(this.renderedHeight,"px");return o(r,{id:"".concat(this.containerId),style:{height:t,flex:"0 0 ".concat(t)}},this.layers.map((function(i){var r;return i.type==="div"?o("div",{class:"verdocs-template-document-page-layer",id:"".concat(e.containerId,"-").concat(i.name),style:{height:t}},i.name==="controls"&&(((r=e.template)===null||r===void 0?void 0:r.fields)||[]).filter((function(t){return t&&t.page===e.pageNumber})).map((function(t){var i,r;var s=h(t);var n=t.name,c=t.type,d=t.multiline;var l=e,p=l.xScale,f=l.yScale,b=l.templateId,v=l.editable,m=l.disabled,g=l.done,y=l.pageNumber;if(((i=t["setting"])===null||i===void 0?void 0:i.leading)>0||((r=t["settings"])===null||r===void 0?void 0:r.leading)>0){c="textarea";d=true}switch(c){case"textbox":return o("verdocs-field-textbox",{id:s,fieldname:n,source:"template",sourceid:b,editable:v,multiline:d,disabled:m,done:g,xscale:p,yscale:f,pagenumber:y,style:u(t,p,f)});case"textarea":return o("verdocs-field-textarea",{id:s,fieldname:n,source:"template",sourceid:b,editable:v,disabled:m,done:g,xscale:p,yscale:f,pagenumber:y,style:u(t,p,f)});case"date":return o("verdocs-field-date",{id:s,fieldname:n,source:"template",sourceid:b,editable:v,disabled:m,done:g,xscale:p,yscale:f,pagenumber:y,style:u(t,p,f)});case"attachment":return o("verdocs-field-attachment",{id:s,fieldname:n,source:"template",sourceid:b,editable:v,disabled:m,done:g,xscale:p,yscale:f,pagenumber:y,style:u(t,p,f)});case"dropdown":return o("verdocs-field-dropdown",{id:s,fieldname:n,source:"template",sourceid:b,editable:v,disabled:m,done:g,xscale:p,yscale:f,pagenumber:y,style:u(t,p,f)});case"initial":return o("verdocs-field-initial",{id:s,fieldname:n,source:"template",sourceid:b,editable:v,disabled:m,done:g,xscale:p,yscale:f,pagenumber:y,style:u(t,p,f)});case"signature":return o("verdocs-field-signature",{id:s,fieldname:n,source:"template",sourceid:b,editable:v,disabled:m,done:g,xscale:p,yscale:f,pagenumber:y,style:u(t,e.xScale,e.yScale)});case"timestamp":return o("verdocs-field-timestamp",{id:s,fieldname:n,source:"template",sourceid:b,editable:v,disabled:m,done:g,xscale:p,yscale:f,pagenumber:y,style:u(t,p,f)});case"checkbox":return o("verdocs-field-checkbox",{id:s,fieldname:n,source:"template",sourceid:b,editable:v,disabled:m,done:g,xscale:p,yscale:f,pagenumber:y,style:u(t,p,f)});case"radio":return o("verdocs-field-radio",{id:s,fieldname:n,source:"template",sourceid:b,editable:v,disabled:m,done:g,xscale:p,yscale:f,pagenumber:y,style:u(t,p,f)});default:return o(a,null,n)}}))):e.pageDisplayUri?o("img",{class:"verdocs-template-document-page-layer img",id:"".concat(e.containerId,"-").concat(i.name),src:e.pageDisplayUri,alt:"Page ".concat(e.pageNumber),"aria-hidden":true,loading:"lazy",onLoad:function(t){e.naturalWidth=t.target.naturalWidth;e.naturalHeight=t.target.naturalHeight;e.aspectRatio=e.naturalWidth/e.naturalHeight;e.virtualHeight=e.virtualWidth/e.aspectRatio;e.renderedHeight=t.target.offsetWidth/e.aspectRatio}}):o("div",null)})))};Object.defineProperty(e.prototype,"container",{get:function(){return s(this)},enumerable:false,configurable:true});return e}());m.style=v;var g='@-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 y=g;var x=e("verdocs_toolbar_icon",function(){function e(e){t(this,e);this.text="";this.icon="";this.placement="bottom";this.containerId="verdocs-toolbar-icon-".concat(Math.random().toString(36).substring(2,11))}e.prototype.componentDidLoad=function(){this.popperInstance=f(this.iconEl,this.tooltip,{placement:this.placement,modifiers:this.placement==="left"?[{name:"offset",options:{offset:[0,20]}}]:[]})};e.prototype.disconnectedCallback=function(){if(this.popperInstance){this.popperInstance.destroy();this.popperInstance=null}};e.prototype.show=function(){var e,t;(e=this.tooltip)===null||e===void 0?void 0:e.setAttribute("data-show","");(t=this.popperInstance)===null||t===void 0?void 0:t.update().catch((function(){}))};e.prototype.hide=function(){var e;(e=this.tooltip)===null||e===void 0?void 0:e.removeAttribute("data-show")};e.prototype.render=function(){var e=this;return o(r,{key:"bb4ac065c1a6873c88a7a4d468e674524ffad255",class:{}},o("div",{key:"c19c62586b0a0c5085adb4a1133cd5d6b78792ad","aria-describedby":this.containerId,class:"icon",innerHTML:this.icon,onMouseEnter:function(){return e.show()},onFocus:function(){return e.show()},onMouseLeave:function(){return e.hide()},onBlur:function(){return e.hide()},ref:function(t){return e.iconEl=t}}),o("div",{key:"9f64d63fcb1d8d126adf3a680cf2a9ea3d0e2827",id:this.containerId,role:"tooltip",class:"tooltip","data-popper-placement":this.placement,ref:function(t){return e.tooltip=t}},this.text,o("div",{key:"e4a0d13321ffa070c41060d94da95549e009b0ff","data-popper-arrow":"true",class:"arrow"})))};return e}());x.style=y}}}));
-//# sourceMappingURL=p-0c9a2435.system.entry.js.map
+var __awaiter=this&&this.__awaiter||function(e,t,i,o){function r(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,a){function s(e){try{c(o.next(e))}catch(e){a(e)}}function n(e){try{c(o["throw"](e))}catch(e){a(e)}}function c(e){e.done?i(e.value):r(e.value).then(s,n)}c((o=o.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},o,r,a,s;return s={next:n(0),throw:n(1),return:n(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function n(e){return function(t){return c([e,t])}}function c(n){if(o)throw new TypeError("Generator is already executing.");while(s&&(s=0,n[0]&&(i=0)),i)try{if(o=1,r&&(a=n[0]&2?r["return"]:n[0]?r["throw"]||((a=r["return"])&&a.call(r),0):r.next)&&!(a=a.call(r,n[1])).done)return a;if(r=0,a)n=[n[0]&2,a.value];switch(n[0]){case 0:case 1:a=n;break;case 4:i.label++;return{value:n[1],done:false};case 5:i.label++;r=n[1];n=[0];continue;case 7:n=i.ops.pop();i.trys.pop();continue;default:if(!(a=i.trys,a=a.length>0&&a[a.length-1])&&(n[0]===6||n[0]===2)){i=0;continue}if(n[0]===3&&(!a||n[1]>a[0]&&n[1]<a[3])){i.label=n[1];break}if(n[0]===6&&i.label<a[1]){i.label=a[1];a=n;break}if(a&&i.label<a[2]){i.label=a[2];i.ops.push(n);break}if(a[2])i.ops.pop();i.trys.pop();continue}n=t.call(e,i)}catch(e){n=[6,e];r=0}finally{o=a=0}if(n[0]&5)throw n[1];return{value:n[0]?n[1]:void 0,done:true}}};System.register(["./p-60387e15.system.js","@verdocs/js-sdk","./p-f29eb00a.system.js","./p-e4a6b073.system.js","./p-e0ac9edf.system.js","./p-21b1acec.system.js","./p-d738b5db.system.js","./p-2c5350ec.system.js"],(function(e){"use strict";var t,i,o,r,a,s,n,c,l,d,u,h,p,f;return{setters:[function(e){t=e.r;i=e.c;o=e.h;r=e.H;a=e.F;s=e.g},function(e){n=e.VerdocsEndpoint;c=e.getTemplateDocumentPageDisplayUri;l=e.getTemplate},function(e){d=e.t;u=e.j;h=e.g},function(e){p=e.S},function(e){f=e.c},function(){},function(){},function(){}],execute:function(){var b="@-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-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 rgba(0, 0, 0, 0.0588235294);box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.0588235294)}verdocs-template-document-page .verdocs-template-document-page-layer.img{width:100%}verdocs-template-document-page .placeholder{opacity:0.1;width:612px;height:792px;-webkit-box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.0588235294);box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.0588235294)}";var v=b;var m=e("verdocs_template_document_page",function(){function e(e){t(this,e);this.pageRendered=i(this,"pageRendered",7);this.templateListenerId=null;this.endpoint=n.getDefault();this.editable=false;this.disabled=false;this.done=false;this.templateId="";this.documentId="";this.pageNumber=1;this.virtualWidth=612;this.virtualHeight=792;this.layers=[{name:"page",type:"canvas"}];this.containerId="verdocs-document-page-".concat(Math.random().toString(36).substring(2,11));this.renderedWidth=this.virtualWidth;this.renderedHeight=this.virtualHeight;this.naturalWidth=this.virtualWidth;this.naturalHeight=this.virtualHeight;this.aspectRatio=this.virtualWidth/this.virtualHeight;this.skipFirstNotification=true;this.pageDisplayUri="";this.xScale=1;this.yScale=1;this.loading=true;this.template=null}e.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){switch(t.label){case 0:e=this;return[4,c(this.endpoint,this.documentId,this.pageNumber)];case 1:e.pageDisplayUri=t.sent();this.listenToTemplate();return[2]}}))}))};e.prototype.componentDidLoad=function(){var e=this;this.resizeObserver=new ResizeObserver(d((function(t){for(var i=0,o=t;i<o.length;i++){var r=o[i];var a=r.contentRect.width;e.renderedWidth=a;e.renderedHeight=e.virtualHeight*(a/e.virtualWidth)}e.notifyRenderedSize()}),100));this.resizeObserver.observe(this.container)};e.prototype.componentDidUpdate=function(){this.notifyRenderedSize()};e.prototype.disconnectedCallback=function(){var e;(e=this.resizeObserver)===null||e===void 0?void 0:e.disconnect();this.unlistenToTemplate()};e.prototype.listenToTemplate=function(){return __awaiter(this,void 0,void 0,(function(){var e=this;return __generator(this,(function(t){this.unlistenToTemplate();p.subscribe("templates",this.templateId,(function(){return l(e.endpoint,e.templateId)}),false,(function(t){e.template=t;e.loading=false}));return[2]}))}))};e.prototype.unlistenToTemplate=function(){if(this.templateListenerId){p.store.delListener(this.templateListenerId);this.templateListenerId=null}};e.prototype.notifyRenderedSize=function(){if(this.skipFirstNotification){this.skipFirstNotification=false;return}var e=this.renderedWidth/this.virtualWidth;if(this.xScale!==e){this.xScale=e}var t=this.renderedHeight/this.virtualHeight;if(this.yScale!==t){this.yScale=t}this.pageRendered.emit({containerId:this.containerId,documentId:this.documentId,pageNumber:this.pageNumber,virtualWidth:this.virtualWidth,virtualHeight:this.virtualHeight,renderedWidth:this.renderedWidth,renderedHeight:this.renderedHeight,naturalWidth:this.naturalWidth,naturalHeight:this.naturalHeight,aspectRatio:this.aspectRatio,xScale:e,yScale:t})};e.prototype.render=function(){var e=this;if(this.loading){return o(r,null,o("img",{src:"https://public-assets.verdocs.com/loading-placeholder.png",class:"placeholder",alt:"Placeholder page"}))}var t="".concat(this.renderedHeight,"px");return o(r,{id:"".concat(this.containerId),style:{height:t,flex:"0 0 ".concat(t)}},this.layers.map((function(i){var r;return i.type==="div"?o("div",{class:"verdocs-template-document-page-layer",id:"".concat(e.containerId,"-").concat(i.name),style:{height:t}},i.name==="controls"&&(((r=e.template)===null||r===void 0?void 0:r.fields)||[]).filter((function(t){return t&&t.page===e.pageNumber})).map((function(t){var i,r;var s=h(t);var n=t.name,c=t.type,l=t.multiline;var d=e,p=d.xScale,f=d.yScale,b=d.templateId,v=d.editable,m=d.disabled,g=d.done,y=d.pageNumber;if(((i=t["setting"])===null||i===void 0?void 0:i.leading)>0||((r=t["settings"])===null||r===void 0?void 0:r.leading)>0){c="textarea";l=true}switch(c){case"textbox":return o("verdocs-field-textbox",{id:s,fieldname:n,source:"template",sourceid:b,editable:v,multiline:l,disabled:m,done:g,xscale:p,yscale:f,pagenumber:y,style:u(t,p,f)});case"textarea":return o("verdocs-field-textarea",{id:s,fieldname:n,source:"template",sourceid:b,editable:v,disabled:m,done:g,xscale:p,yscale:f,pagenumber:y,style:u(t,p,f)});case"date":return o("verdocs-field-date",{id:s,fieldname:n,source:"template",sourceid:b,editable:v,disabled:m,done:g,xscale:p,yscale:f,pagenumber:y,style:u(t,p,f)});case"attachment":return o("verdocs-field-attachment",{id:s,fieldname:n,source:"template",sourceid:b,editable:v,disabled:m,done:g,xscale:p,yscale:f,pagenumber:y,style:u(t,p,f)});case"dropdown":return o("verdocs-field-dropdown",{id:s,fieldname:n,source:"template",sourceid:b,editable:v,disabled:m,done:g,xscale:p,yscale:f,pagenumber:y,style:u(t,p,f)});case"initial":return o("verdocs-field-initial",{id:s,fieldname:n,source:"template",sourceid:b,editable:v,disabled:m,done:g,xscale:p,yscale:f,pagenumber:y,style:u(t,p,f)});case"signature":return o("verdocs-field-signature",{id:s,fieldname:n,source:"template",sourceid:b,editable:v,disabled:m,done:g,xscale:p,yscale:f,pagenumber:y,style:u(t,e.xScale,e.yScale)});case"timestamp":return o("verdocs-field-timestamp",{id:s,fieldname:n,source:"template",sourceid:b,editable:v,disabled:m,done:g,xscale:p,yscale:f,pagenumber:y,style:u(t,p,f)});case"checkbox":return o("verdocs-field-checkbox",{id:s,fieldname:n,source:"template",sourceid:b,editable:v,disabled:m,done:g,xscale:p,yscale:f,pagenumber:y,style:u(t,p,f)});case"radio":return o("verdocs-field-radio",{id:s,fieldname:n,source:"template",sourceid:b,editable:v,disabled:m,done:g,xscale:p,yscale:f,pagenumber:y,style:u(t,p,f)});default:return o(a,null,n)}}))):e.pageDisplayUri?o("img",{class:"verdocs-template-document-page-layer img",id:"".concat(e.containerId,"-").concat(i.name),src:e.pageDisplayUri,alt:"Page ".concat(e.pageNumber),"aria-hidden":true,loading:"lazy",onLoad:function(t){e.naturalWidth=t.target.naturalWidth;e.naturalHeight=t.target.naturalHeight;e.aspectRatio=e.naturalWidth/e.naturalHeight;e.virtualHeight=e.virtualWidth/e.aspectRatio;e.renderedHeight=t.target.offsetWidth/e.aspectRatio}}):o("div",null)})))};Object.defineProperty(e.prototype,"container",{get:function(){return s(this)},enumerable:false,configurable:true});return e}());m.style=v;var g='@-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 y=g;var x=e("verdocs_toolbar_icon",function(){function e(e){t(this,e);this.text="";this.icon="";this.placement="bottom";this.containerId="verdocs-toolbar-icon-".concat(Math.random().toString(36).substring(2,11))}e.prototype.componentDidLoad=function(){this.popperInstance=f(this.iconEl,this.tooltip,{placement:this.placement,modifiers:this.placement==="left"?[{name:"offset",options:{offset:[0,20]}}]:[]})};e.prototype.disconnectedCallback=function(){if(this.popperInstance){this.popperInstance.destroy();this.popperInstance=null}};e.prototype.show=function(){var e,t;(e=this.tooltip)===null||e===void 0?void 0:e.setAttribute("data-show","");(t=this.popperInstance)===null||t===void 0?void 0:t.update().catch((function(){}))};e.prototype.hide=function(){var e;(e=this.tooltip)===null||e===void 0?void 0:e.removeAttribute("data-show")};e.prototype.render=function(){var e=this;return o(r,{key:"2ff1baf8227efaa911d823914f2645d3b2d7d82e",class:{}},o("div",{key:"c13b7a5e10720450462e4c7229b1093e03e87808","aria-describedby":this.containerId,class:"icon",innerHTML:this.icon,onMouseEnter:function(){return e.show()},onFocus:function(){return e.show()},onMouseLeave:function(){return e.hide()},onBlur:function(){return e.hide()},ref:function(t){return e.iconEl=t}}),o("div",{key:"ac849c0f365f2570c94aff71dfbba9edd357b713",id:this.containerId,role:"tooltip",class:"tooltip","data-popper-placement":this.placement,ref:function(t){return e.tooltip=t}},this.text,o("div",{key:"f4e4f13a0016c6deb1db21c13b2f0ca6fe6bea25","data-popper-arrow":"true",class:"arrow"})))};return e}());x.style=y}}}));
+//# sourceMappingURL=p-7ba1b23c.system.entry.js.map

package/dist/verdocs-web-sdk/p-82c88c0f.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as i,h as s,H as o,g as t}from"./p-ddadabfb.js";import{integerSequence as r}from"@verdocs/js-sdk";import{i as a}from"./p-0c45b79c.js";import{c}from"./p-68a5aaff.js";import"./p-85aa8e05.js";import"./p-c7ee88c7.js";import"./p-12bab948.js";const n='@-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-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-size:16px;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 l=n;const d=`<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 f=`<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 b=5;const p=({page:e,selected:i,onClick:o})=>{let t;if(e==="first"){t=d}else if(e==="last"){t=f}else{t=String(e+1)}return s("div",{class:`page-button ${e===i?"selected":""}`,onClick:()=>o(e),innerHTML:t})};const h=class{constructor(s){e(this,s);this.selectPage=i(this,"selectPage",7);this.selectedPage=0;this.itemCount=1;this.perPage=10}handleSelectPage(e){var i;this.selectedPage=e;(i=this.selectPage)===null||i===void 0?void 0:i.emit({selectedPage:e})}render(){const e=Math.max(0,this.selectedPage-2);const i=this.itemCount>0?Math.ceil(this.itemCount/this.perPage):0;const t=r(0,Math.ceil(this.itemCount/this.perPage)).slice(e,e+b);return s(o,{key:"9cb81ab797997f6bedf65126e759a329e01b5d86"},this.selectedPage>0&&s(p,{key:"a172567f4adbaa02644a3c285344c0de4d2e5a33",page:"first",selected:this.selectedPage,onClick:()=>this.handleSelectPage(0)}),e>0&&s("div",{key:"97833b23734e758e9ae5627b756fecad2371037c",class:"ellipsis"},"..."),t.map((e=>s(p,{page:e,selected:this.selectedPage,onClick:e=>this.handleSelectPage(+e)}))),this.selectedPage<i-1&&s("div",{key:"20dc5aa9111118ce1df8177d64c6fecff1d497e2",class:"ellipsis"},"..."),this.selectedPage<i-1&&s(p,{key:"04b5d3fce4ba05f3acc2f24927c1bda6be7f34e7",page:"last",selected:this.selectedPage,onClick:()=>this.handleSelectPage(i-1)}))}get el(){return t(this)}};h.style=l;const g='@-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-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:rgba(76, 86, 203, 0.2470588235)}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 u=g;const x=`<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 k=class{constructor(s){e(this,s);this.optionSelected=i(this,"optionSelected",7);this.options=[];this.label="Filter";this.value="";this.placeholder="Select...";this.clickListenerSymbol=new AbortController}componentDidLoad(){this.popper=c(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 i=!(e.target==this.el||this.el.contains(e.target));if(i){this.hide()}}handleSelectOption(e,i){e.stopPropagation();this.optionSelected.emit(i);this.value=i.value;this.hide()}showDropdown(){var e,i;this.open=true;this.dropdownMenu.setAttribute("data-show","");this.dropdownMenu.removeAttribute("aria-hidden");(e=this.popper)===null||e===void 0?void 0:e.setOptions((e=>({...e,modifiers:[...e.modifiers,{name:"eventListeners",enabled:true}]}))).catch((()=>{}));(i=this.popper)===null||i===void 0?void 0:i.update().catch((()=>{}))}handleHideDropdown(e){var i,s;if(((i=e===null||e===void 0?void 0:e.target)===null||i===void 0?void 0:i.localName)==="button"&&((s=e===null||e===void 0?void 0:e.target)===null||s===void 0?void 0:s.className)==="arrow"){return}this.hide()}toggleDropdown(e){e.stopPropagation();if(this.open){this.hide()}else{this.showDropdown()}}hide(){var e;this.open=false;this.dropdownMenu.removeAttribute("data-show");this.dropdownMenu.setAttribute("aria-hidden","true");(e=this.popper)===null||e===void 0?void 0:e.setOptions((e=>({...e,modifiers:[...e.modifiers,{name:"eventListeners",enabled:false}]}))).catch((()=>{}))}render(){var e,i,t;const r=(e=this.options)===null||e===void 0?void 0:e.find((e=>e.value===this.value));const c=(i=this.options)===null||i===void 0?void 0:i.reduce(((e,i)=>e.label.length>i.label.length?e:i));const n=a((c===null||c===void 0?void 0:c.label)||"FILLER","14px Inter, Barlow, sans-serif");const l=a(this.label,"14px Inter, Barlow, sans-serif");const d=`${n+l+40}px`;return s(o,{key:"2775a9460418249e5830b3acc29bc501dfc0b7e9",class:{open:!!this.open},style:{minWidth:d,display:"inline-block"}},s("div",{key:"a0d32bee5bf3a83860d1ee34b70dd08e14ff6f5a",class:"control",onClick:e=>this.toggleDropdown(e),onBlur:e=>this.handleHideDropdown(e)},s("div",{key:"e28fc8c51bd4913814770bfa3eed9aec685fcdc7",class:"title",ref:e=>this.dropdownButton=e},s("span",{key:"56f45a29290ed821c2260b07e34c76ad6f4b3008",class:"prefix"},this.label,":"),r?r.label:this.placeholder),s("div",{key:"dcc1f197621169c83f7c935bb06f60f992ac3a58",style:{flex:"1"}}),s("div",{key:"059cede12c8b2c1bca6b53f7e1f01b424dd70882",class:"separator"}),s("div",{key:"722b64600dca7b946044a60700b042d61774dabb",class:"arrow",innerHTML:x,"aria-label":"Open Menu"})),s("div",{key:"3988d0fd9076c4bc1bfb9d45d67f9354022a15cd",class:"items","aria-hidden":!this.open,ref:e=>this.dropdownMenu=e,style:{minWidth:d}},(t=this.options)===null||t===void 0?void 0:t.map((e=>e.label?s("button",{onClick:i=>this.handleSelectOption(i,e),class:`option ${e.value===this.value?"selected":""}`,disabled:e.disabled},e.label):s("div",{class:"separator"})))))}get el(){return t(this)}};k.style=u;export{h as verdocs_pagination,k as verdocs_quick_filter};
+//# sourceMappingURL=p-82c88c0f.entry.js.map

package/dist/verdocs-web-sdk/{p-99833353.entry.js.map → p-82c88c0f.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["verdocsPaginationCss","VerdocsPaginationStyle0","ChevronDoubleLeft","ChevronDoubleRight","VISIBLE_PAGES","PageButton","page","selected","onClick","label","String","h","class","innerHTML","VerdocsQuickFilter","constructor","hostRef","this","selectedPage","itemCount","perPage","handleSelectPage","_a","selectPage","emit","render","firstPage","Math","max","numPages","ceil","pagesToDisplay","integerSequence","slice","Host","key","map","pageNumber","verdocsQuickFilterCss","VerdocsQuickFilterStyle0","DropdownArrow","options","value","placeholder","clickListenerSymbol","AbortController","componentDidLoad","popper","createPopper","dropdownButton","dropdownMenu","placement","modifiers","name","offset","window","addEventListener","clickListener","bind","signal","disconnectedCallback","abort","e","outside","target","el","contains","hide","handleSelectOption","option","stopPropagation","optionSelected","showDropdown","open","setAttribute","removeAttribute","setOptions","enabled","catch","_b","update","handleHideDropdown","localName","className","toggleDropdown","selectedOption","find","longestOption","reduce","prev","curr","length","longestLabelWidth","renderedTextWidth","prefixWidth","minWidth","style","display","onBlur","ref","flex","_c","disabled"],"sources":["src/components/controls/verdocs-pagination/verdocs-pagination.scss?tag=verdocs-pagination","src/components/controls/verdocs-pagination/verdocs-pagination.tsx","src/components/controls/verdocs-quick-filter/verdocs-quick-filter.scss?tag=verdocs-quick-filter","src/components/controls/verdocs-quick-filter/verdocs-quick-filter.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-pagination {\n  gap: 8px;\n  display: flex;\n  flex-direction: row;\n  font-family: $primary-font;\n\n  .page-button {\n    height: 38px;\n    display: flex;\n    flex: 0 0 38px;\n    cursor: pointer;\n    font-size: 16px;\n    font-weight: 600;\n    border-radius: 4px;\n    align-items: center;\n    justify-content: center;\n    color: $verdocs-dark-blue;\n    border: 1px solid $verdocs-purple;\n\n    svg {\n      width: 18px;\n      height: 18px;\n    }\n\n    &.selected {\n      cursor: default;\n      color: $verdocs-grey-4;\n      background: $verdocs-purple;\n    }\n  }\n\n  .ellipsis {\n    width: 38px;\n    height: 38px;\n    display: flex;\n    flex: 0 0 38px;\n    line-height: 32px;\n    justify-content: center;\n    color: $verdocs-dark-blue;\n  }\n}\n","import {integerSequence} from '@verdocs/js-sdk';\nimport {Host, FunctionalComponent} from '@stencil/core';\nimport {Component, Prop, Element, h, Event, EventEmitter} from '@stencil/core';\n\nconst 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>`;\n\nconst 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>`;\n\ntype TPageNumber = number | 'first' | 'last';\n\nconst VISIBLE_PAGES = 5;\n\nconst PageButton: FunctionalComponent<{page: TPageNumber; selected: number; onClick: (page: TPageNumber) => void}> = ({page, selected, onClick}) => {\n  let label;\n  if (page === 'first') {\n    label = ChevronDoubleLeft;\n  } else if (page === 'last') {\n    label = ChevronDoubleRight;\n  } else {\n    label = String(page + 1);\n  }\n\n  return <div class={`page-button ${page === selected ? 'selected' : ''}`} onClick={() => onClick(page)} innerHTML={label} />;\n};\n\n/**\n * Display a simple pagination control with individual buttons to move through the data set.\n *\n * ```ts\n * <verdocs-pagination\n *   selectedPage={1}\n *   itemCount={50}\n *   perPage={10}\n *   onSelectPage={(e) => {setSelectedpage(e.detail.selectedPage)}}\n * />\n * ```\n */\n@Component({\n  tag: 'verdocs-pagination',\n  styleUrl: 'verdocs-pagination.scss',\n})\nexport class VerdocsQuickFilter {\n  @Element()\n  el: HTMLElement;\n\n  /**\n   * The currently selected page.\n   */\n  @Prop({mutable: true, reflect: true}) selectedPage: number = 0;\n\n  /**\n   * The total number of items.\n   */\n  @Prop() itemCount: number = 1;\n\n  /**\n   * The number of displayed per page.\n   */\n  @Prop() perPage: number = 10;\n\n  /**\n   * Event fired when the selected page changes. The new page number is included in the event.\n   */\n  @Event({composed: true}) selectPage: EventEmitter<{selectedPage: number}>;\n\n  handleSelectPage(page: number) {\n    this.selectedPage = page;\n    this.selectPage?.emit({selectedPage: page});\n  }\n\n  render() {\n    const firstPage = Math.max(0, this.selectedPage - 2);\n    const numPages = this.itemCount > 0 ? Math.ceil(this.itemCount / this.perPage) : 0;\n    const pagesToDisplay = integerSequence(0, Math.ceil(this.itemCount / this.perPage)).slice(firstPage, firstPage + VISIBLE_PAGES);\n\n    return (\n      <Host>\n        {this.selectedPage > 0 && <PageButton page={'first'} selected={this.selectedPage} onClick={() => this.handleSelectPage(0)} />}\n\n        {firstPage > 0 && <div class=\"ellipsis\">...</div>}\n\n        {pagesToDisplay.map(pageNumber => (\n          <PageButton page={pageNumber} selected={this.selectedPage} onClick={page => this.handleSelectPage(+page)} />\n        ))}\n\n        {this.selectedPage < numPages - 1 && <div class=\"ellipsis\">...</div>}\n\n        {this.selectedPage < numPages - 1 && <PageButton page={'last'} selected={this.selectedPage} onClick={() => this.handleSelectPage(numPages - 1)} />}\n      </Host>\n    );\n  }\n}\n","@import '../../../theme.scss';\n\nverdocs-quick-filter {\n  position: relative;\n  font-family: $primary-font;\n\n  .control {\n    outline: 0;\n    height: 34px;\n    display: flex;\n    cursor: pointer;\n    border-radius: 4px;\n    align-items: center;\n    flex-direction: row;\n    box-sizing: border-box;\n    background: $verdocs-grey-4;\n    transition: all 100ms ease 0s;\n    border: 1px solid $verdocs-bg-1;\n  }\n\n  .title {\n    padding: 0 8px;\n    font-size: 14px;\n    max-width: 100%;\n    overflow: hidden;\n    color: $label-color;\n    white-space: nowrap;\n    box-sizing: border-box;\n    text-overflow: ellipsis;\n\n    .prefix {\n      display: inline;\n      font-weight: 700;\n      margin: 0 7px 0 0;\n      color: $secondary-color;\n    }\n  }\n\n  .arrow {\n    width: 32px;\n    height: 32px;\n    border: none;\n    outline: none;\n    cursor: pointer;\n    align-items: center;\n    display: inline-flex;\n    justify-content: center;\n    background: $verdocs-grey-4;\n    transition: color 150ms ease 0s;\n\n    svg {\n      transition: 0.3s;\n      fill: $verdocs-bg-1;\n    }\n  }\n\n  .separator {\n    width: 1px;\n    display: block;\n    margin-top: 8px;\n    margin-bottom: 8px;\n    align-self: stretch;\n    box-sizing: border-box;\n    background-color: $verdocs-bg-1;\n  }\n\n  .items {\n    display: none;\n    z-index: 10000;\n    position: absolute;\n    border-radius: 4px;\n    background: $verdocs-grey-4;\n    box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 1px, rgba(0, 0, 0, 0.1) 0 4px 11px;\n  }\n\n  .items[data-show] {\n    display: block;\n  }\n\n  .option {\n    width: 100%;\n    border: none;\n    display: block;\n    font-size: 14px;\n    text-align: left;\n    background: none;\n    padding: 10px 20px;\n    color: $verdocs-bg-5;\n  }\n\n  .option:hover {\n    cursor: pointer;\n    background: #4c56cb3f;\n  }\n\n  .option[disabled] {\n    color: $light-disabled-color;\n  }\n\n  .option[disabled]:hover {\n    cursor: inherit;\n    background: transparent;\n    color: $light-disabled-color;\n  }\n\n  &.open {\n    .items {\n      display: block;\n    }\n\n    .arrow svg {\n      transform: scaleY(-1);\n    }\n  }\n}\n","import {Host} from '@stencil/core';\nimport {createPopper, Instance} from '@popperjs/core';\nimport {Component, Prop, Element, State, h, Event, EventEmitter} from '@stencil/core';\nimport {renderedTextWidth} from '../../../utils/utils';\n\nconst 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>`;\n\nexport interface IFilterOption {\n  value: string;\n  label: string;\n  disabled?: boolean;\n}\n\n/**\n * Display a drop-down menu of quick filter options.\n *\n * ```ts\n * <verdocs-quick-filter options={[...options]} value={1} label=\"Filter\" placeholder=\"All\" />\n * ```\n */\n@Component({\n  tag: 'verdocs-quick-filter',\n  styleUrl: 'verdocs-quick-filter.scss',\n})\nexport class VerdocsQuickFilter {\n  @Element()\n  el: HTMLElement;\n\n  private dropdownButton?: HTMLElement;\n  private dropdownMenu?: HTMLDivElement;\n  private popper?: Instance;\n\n  /**\n   * The menu options to display.\n   */\n  @Prop() options: IFilterOption[] = [];\n\n  @Prop()\n  label: string = 'Filter';\n\n  @Prop({reflect: true, mutable: true})\n  value: string = '';\n\n  @Prop()\n  placeholder: string = 'Select...';\n\n  /**\n   * Event fired when a menu option is clicked.\n   * Web Component events need to be \"composed\" to cross the Shadow DOM and be received by parent frameworks.\n   */\n  @Event({composed: true}) optionSelected: EventEmitter<IFilterOption>;\n\n  @State() open: boolean;\n\n  // We need to do this to reliably disconnect the click-away listener\n  clickListenerSymbol = new AbortController();\n  componentDidLoad() {\n    this.popper = createPopper(this.dropdownButton, this.dropdownMenu, {placement: 'bottom-start', modifiers: [{name: 'offset', options: {offset: [-1, 14]}}]});\n\n    window.addEventListener('click', this.clickListener.bind(this), {signal: this.clickListenerSymbol.signal});\n  }\n\n  disconnectedCallback() {\n    this.clickListenerSymbol.abort();\n  }\n\n  clickListener(e: any) {\n    const outside = !(e.target == this.el || this.el.contains(e.target));\n    if (outside) {\n      this.hide();\n    }\n  }\n\n  handleSelectOption(e: any, option: IFilterOption) {\n    e.stopPropagation();\n    this.optionSelected.emit(option);\n    this.value = option.value;\n    this.hide();\n  }\n\n  // See https://popper.js.org/docs/v2/tutorial/\n  // What we're doing here is clearing event listeners when they aren't needed, to increase performance in lists\n  showDropdown() {\n    this.open = true;\n    this.dropdownMenu.setAttribute('data-show', '');\n    this.dropdownMenu.removeAttribute('aria-hidden');\n\n    this.popper\n      ?.setOptions(options => ({\n        ...options,\n        modifiers: [...options.modifiers, {name: 'eventListeners', enabled: true}],\n      }))\n      .catch(() => {});\n\n    this.popper?.update().catch(() => {});\n  }\n\n  handleHideDropdown(e: any) {\n    if (e?.target?.localName === 'button' && e?.target?.className === 'arrow') {\n      // This event is fired when a menu element is clicked because the button \"loses focus\" then too\n      return;\n    }\n\n    this.hide();\n  }\n\n  toggleDropdown(e: any) {\n    e.stopPropagation();\n\n    if (this.open) {\n      this.hide();\n    } else {\n      this.showDropdown();\n    }\n  }\n\n  hide() {\n    this.open = false;\n    this.dropdownMenu.removeAttribute('data-show');\n    this.dropdownMenu.setAttribute('aria-hidden', 'true');\n    this.popper\n      ?.setOptions(options => ({\n        ...options,\n        modifiers: [...options.modifiers, {name: 'eventListeners', enabled: false}],\n      }))\n      .catch(() => {});\n  }\n\n  render() {\n    const selectedOption = this.options?.find(option => option.value === this.value);\n    const longestOption = this.options?.reduce((prev, curr) => (prev.label.length > curr.label.length ? prev : curr));\n    const longestLabelWidth = renderedTextWidth(longestOption?.label || 'FILLER', '14px Inter, Barlow, sans-serif');\n    const prefixWidth = renderedTextWidth(this.label, '14px Inter, Barlow, sans-serif');\n    const minWidth = `${longestLabelWidth + prefixWidth + 40}px`;\n\n    return (\n      <Host class={{open: !!this.open}} style={{minWidth, display: 'inline-block'}}>\n        <div class=\"control\" onClick={e => this.toggleDropdown(e)} onBlur={e => this.handleHideDropdown(e)}>\n          <div class=\"title\" ref={el => (this.dropdownButton = el as HTMLElement)}>\n            <span class=\"prefix\">{this.label}:</span>\n            {selectedOption ? selectedOption.label : this.placeholder}\n          </div>\n\n          <div style={{flex: '1'}} />\n\n          <div class=\"separator\" />\n\n          <div class=\"arrow\" innerHTML={DropdownArrow} aria-label=\"Open Menu\" />\n        </div>\n\n        <div class=\"items\" aria-hidden={!this.open} ref={el => (this.dropdownMenu = el as HTMLDivElement)} style={{minWidth}}>\n          {this.options?.map(option =>\n            option.label ? (\n              <button onClick={e => this.handleSelectOption(e, option)} class={`option ${option.value === this.value ? 'selected' : ''}`} disabled={option.disabled}>\n                {option.label}\n              </button>\n            ) : (\n              <div class=\"separator\" />\n            ),\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kQAAA,MAAMA,EAAuB,wkCAC7B,MAAAC,EAAeD,ECGf,MAAME,EAAoB,wOAE1B,MAAMC,EAAqB,sOAI3B,MAAMC,EAAgB,EAEtB,MAAMC,EAA+G,EAAEC,OAAMC,WAAUC,cACrI,IAAIC,EACJ,GAAIH,IAAS,QAAS,CACpBG,EAAQP,C,MACH,GAAII,IAAS,OAAQ,CAC1BG,EAAQN,C,KACH,CACLM,EAAQC,OAAOJ,EAAO,E,CAGxB,OAAOK,EAAA,OAAKC,MAAO,eAAeN,IAASC,EAAW,WAAa,KAAMC,QAAS,IAAMA,EAAQF,GAAOO,UAAWJ,GAAS,E,MAmBhHK,EAAkB,MAJ/B,WAAAC,CAAAC,G,iDAWwCC,KAAAC,aAAuB,EAKrDD,KAAAE,UAAoB,EAKpBF,KAAAG,QAAkB,E,CAO1B,gBAAAC,CAAiBf,G,MACfW,KAAKC,aAAeZ,GACpBgB,EAAAL,KAAKM,cAAU,MAAAD,SAAA,SAAAA,EAAEE,KAAK,CAACN,aAAcZ,G,CAGvC,MAAAmB,GACE,MAAMC,EAAYC,KAAKC,IAAI,EAAGX,KAAKC,aAAe,GAClD,MAAMW,EAAWZ,KAAKE,UAAY,EAAIQ,KAAKG,KAAKb,KAAKE,UAAYF,KAAKG,SAAW,EACjF,MAAMW,EAAiBC,EAAgB,EAAGL,KAAKG,KAAKb,KAAKE,UAAYF,KAAKG,UAAUa,MAAMP,EAAWA,EAAYtB,GAEjH,OACEO,EAACuB,EAAI,CAAAC,IAAA,4CACFlB,KAAKC,aAAe,GAAKP,EAACN,EAAU,CAAA8B,IAAA,2CAAC7B,KAAM,QAASC,SAAUU,KAAKC,aAAcV,QAAS,IAAMS,KAAKI,iBAAiB,KAEtHK,EAAY,GAAKf,EAAA,OAAAwB,IAAA,2CAAKvB,MAAM,YAAU,OAEtCmB,EAAeK,KAAIC,GAClB1B,EAACN,EAAU,CAACC,KAAM+B,EAAY9B,SAAUU,KAAKC,aAAcV,QAASF,GAAQW,KAAKI,kBAAkBf,OAGpGW,KAAKC,aAAeW,EAAW,GAAKlB,EAAA,OAAAwB,IAAA,2CAAKvB,MAAM,YAAU,OAEzDK,KAAKC,aAAeW,EAAW,GAAKlB,EAACN,EAAU,CAAA8B,IAAA,2CAAC7B,KAAM,OAAQC,SAAUU,KAAKC,aAAcV,QAAS,IAAMS,KAAKI,iBAAiBQ,EAAW,K,qCCvFpJ,MAAMS,EAAwB,k8EAC9B,MAAAC,EAAeD,ECIf,MAAME,EAAgB,wZ,MAmBT1B,EAAkB,MAJ/B,WAAAC,CAAAC,G,yDAeUC,KAAAwB,QAA2B,GAGnCxB,KAAAR,MAAgB,SAGhBQ,KAAAyB,MAAgB,GAGhBzB,KAAA0B,YAAsB,YAWtB1B,KAAA2B,oBAAsB,IAAIC,e,CAC1B,gBAAAC,GACE7B,KAAK8B,OAASC,EAAa/B,KAAKgC,eAAgBhC,KAAKiC,aAAc,CAACC,UAAW,eAAgBC,UAAW,CAAC,CAACC,KAAM,SAAUZ,QAAS,CAACa,OAAQ,EAAE,EAAG,SAEnJC,OAAOC,iBAAiB,QAASvC,KAAKwC,cAAcC,KAAKzC,MAAO,CAAC0C,OAAQ1C,KAAK2B,oBAAoBe,Q,CAGpG,oBAAAC,GACE3C,KAAK2B,oBAAoBiB,O,CAG3B,aAAAJ,CAAcK,GACZ,MAAMC,IAAYD,EAAEE,QAAU/C,KAAKgD,IAAMhD,KAAKgD,GAAGC,SAASJ,EAAEE,SAC5D,GAAID,EAAS,CACX9C,KAAKkD,M,EAIT,kBAAAC,CAAmBN,EAAQO,GACzBP,EAAEQ,kBACFrD,KAAKsD,eAAe/C,KAAK6C,GACzBpD,KAAKyB,MAAQ2B,EAAO3B,MACpBzB,KAAKkD,M,CAKP,YAAAK,G,QACEvD,KAAKwD,KAAO,KACZxD,KAAKiC,aAAawB,aAAa,YAAa,IAC5CzD,KAAKiC,aAAayB,gBAAgB,gBAElCrD,EAAAL,KAAK8B,UAAM,MAAAzB,SAAA,SAAAA,EACPsD,YAAWnC,IAAO,IACfA,EACHW,UAAW,IAAIX,EAAQW,UAAW,CAACC,KAAM,iBAAkBwB,QAAS,WAErEC,OAAM,UAETC,EAAA9D,KAAK8B,UAAM,MAAAgC,SAAA,SAAAA,EAAEC,SAASF,OAAM,Q,CAG9B,kBAAAG,CAAmBnB,G,QACjB,KAAIxC,EAAAwC,IAAC,MAADA,SAAC,SAADA,EAAGE,UAAM,MAAA1C,SAAA,SAAAA,EAAE4D,aAAc,YAAYH,EAAAjB,IAAC,MAADA,SAAC,SAADA,EAAGE,UAAM,MAAAe,SAAA,SAAAA,EAAEI,aAAc,QAAS,CAEzE,M,CAGFlE,KAAKkD,M,CAGP,cAAAiB,CAAetB,GACbA,EAAEQ,kBAEF,GAAIrD,KAAKwD,KAAM,CACbxD,KAAKkD,M,KACA,CACLlD,KAAKuD,c,EAIT,IAAAL,G,MACElD,KAAKwD,KAAO,MACZxD,KAAKiC,aAAayB,gBAAgB,aAClC1D,KAAKiC,aAAawB,aAAa,cAAe,SAC9CpD,EAAAL,KAAK8B,UAAM,MAAAzB,SAAA,SAAAA,EACPsD,YAAWnC,IAAO,IACfA,EACHW,UAAW,IAAIX,EAAQW,UAAW,CAACC,KAAM,iBAAkBwB,QAAS,YAErEC,OAAM,Q,CAGX,MAAArD,G,UACE,MAAM4D,GAAiB/D,EAAAL,KAAKwB,WAAO,MAAAnB,SAAA,SAAAA,EAAEgE,MAAKjB,GAAUA,EAAO3B,QAAUzB,KAAKyB,QAC1E,MAAM6C,GAAgBR,EAAA9D,KAAKwB,WAAO,MAAAsC,SAAA,SAAAA,EAAES,QAAO,CAACC,EAAMC,IAAUD,EAAKhF,MAAMkF,OAASD,EAAKjF,MAAMkF,OAASF,EAAOC,IAC3G,MAAME,EAAoBC,GAAkBN,IAAa,MAAbA,SAAa,SAAbA,EAAe9E,QAAS,SAAU,kCAC9E,MAAMqF,EAAcD,EAAkB5E,KAAKR,MAAO,kCAClD,MAAMsF,EAAW,GAAGH,EAAoBE,EAAc,OAEtD,OACEnF,EAACuB,EAAI,CAAAC,IAAA,2CAACvB,MAAO,CAAC6D,OAAQxD,KAAKwD,MAAOuB,MAAO,CAACD,WAAUE,QAAS,iBAC3DtF,EAAA,OAAAwB,IAAA,2CAAKvB,MAAM,UAAUJ,QAASsD,GAAK7C,KAAKmE,eAAetB,GAAIoC,OAAQpC,GAAK7C,KAAKgE,mBAAmBnB,IAC9FnD,EAAA,OAAAwB,IAAA,2CAAKvB,MAAM,QAAQuF,IAAKlC,GAAOhD,KAAKgC,eAAiBgB,GACnDtD,EAAA,QAAAwB,IAAA,2CAAMvB,MAAM,UAAUK,KAAKR,MAAK,KAC/B4E,EAAiBA,EAAe5E,MAAQQ,KAAK0B,aAGhDhC,EAAA,OAAAwB,IAAA,2CAAK6D,MAAO,CAACI,KAAM,OAEnBzF,EAAA,OAAAwB,IAAA,2CAAKvB,MAAM,cAEXD,EAAA,OAAAwB,IAAA,2CAAKvB,MAAM,QAAQC,UAAW2B,EAAa,aAAa,eAG1D7B,EAAA,OAAAwB,IAAA,2CAAKvB,MAAM,QAAO,eAAeK,KAAKwD,KAAM0B,IAAKlC,GAAOhD,KAAKiC,aAAee,EAAuB+B,MAAO,CAACD,cACxGM,EAAApF,KAAKwB,WAAO,MAAA4D,SAAA,SAAAA,EAAEjE,KAAIiC,GACjBA,EAAO5D,MACLE,EAAA,UAAQH,QAASsD,GAAK7C,KAAKmD,mBAAmBN,EAAGO,GAASzD,MAAO,UAAUyD,EAAO3B,QAAUzB,KAAKyB,MAAQ,WAAa,KAAM4D,SAAUjC,EAAOiC,UAC1IjC,EAAO5D,OAGVE,EAAA,OAAKC,MAAM,iB","ignoreList":[]}
+{"version":3,"names":["verdocsPaginationCss","VerdocsPaginationStyle0","ChevronDoubleLeft","ChevronDoubleRight","VISIBLE_PAGES","PageButton","page","selected","onClick","label","String","h","class","innerHTML","VerdocsQuickFilter","constructor","hostRef","this","selectedPage","itemCount","perPage","handleSelectPage","_a","selectPage","emit","render","firstPage","Math","max","numPages","ceil","pagesToDisplay","integerSequence","slice","Host","key","map","pageNumber","verdocsQuickFilterCss","VerdocsQuickFilterStyle0","DropdownArrow","options","value","placeholder","clickListenerSymbol","AbortController","componentDidLoad","popper","createPopper","dropdownButton","dropdownMenu","placement","modifiers","name","offset","window","addEventListener","clickListener","bind","signal","disconnectedCallback","abort","e","outside","target","el","contains","hide","handleSelectOption","option","stopPropagation","optionSelected","showDropdown","open","setAttribute","removeAttribute","setOptions","enabled","catch","_b","update","handleHideDropdown","localName","className","toggleDropdown","selectedOption","find","longestOption","reduce","prev","curr","length","longestLabelWidth","renderedTextWidth","prefixWidth","minWidth","style","display","onBlur","ref","flex","_c","disabled"],"sources":["src/components/controls/verdocs-pagination/verdocs-pagination.scss?tag=verdocs-pagination","src/components/controls/verdocs-pagination/verdocs-pagination.tsx","src/components/controls/verdocs-quick-filter/verdocs-quick-filter.scss?tag=verdocs-quick-filter","src/components/controls/verdocs-quick-filter/verdocs-quick-filter.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-pagination {\n  gap: 8px;\n  display: flex;\n  flex-direction: row;\n  font-family: $primary-font;\n\n  .page-button {\n    height: 38px;\n    display: flex;\n    flex: 0 0 38px;\n    cursor: pointer;\n    font-size: 16px;\n    font-weight: 600;\n    border-radius: 4px;\n    align-items: center;\n    justify-content: center;\n    color: $verdocs-dark-blue;\n    border: 1px solid $verdocs-purple;\n\n    svg {\n      width: 18px;\n      height: 18px;\n    }\n\n    &.selected {\n      cursor: default;\n      color: $verdocs-grey-4;\n      background: $verdocs-purple;\n    }\n  }\n\n  .ellipsis {\n    width: 38px;\n    height: 38px;\n    display: flex;\n    flex: 0 0 38px;\n    line-height: 32px;\n    justify-content: center;\n    color: $verdocs-dark-blue;\n  }\n}\n","import {integerSequence} from '@verdocs/js-sdk';\nimport {Host, FunctionalComponent} from '@stencil/core';\nimport {Component, Prop, Element, h, Event, EventEmitter} from '@stencil/core';\n\nconst 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>`;\n\nconst 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>`;\n\ntype TPageNumber = number | 'first' | 'last';\n\nconst VISIBLE_PAGES = 5;\n\nconst PageButton: FunctionalComponent<{page: TPageNumber; selected: number; onClick: (page: TPageNumber) => void}> = ({page, selected, onClick}) => {\n  let label;\n  if (page === 'first') {\n    label = ChevronDoubleLeft;\n  } else if (page === 'last') {\n    label = ChevronDoubleRight;\n  } else {\n    label = String(page + 1);\n  }\n\n  return <div class={`page-button ${page === selected ? 'selected' : ''}`} onClick={() => onClick(page)} innerHTML={label} />;\n};\n\n/**\n * Display a simple pagination control with individual buttons to move through the data set.\n *\n * ```ts\n * <verdocs-pagination\n *   selectedPage={1}\n *   itemCount={50}\n *   perPage={10}\n *   onSelectPage={(e) => {setSelectedpage(e.detail.selectedPage)}}\n * />\n * ```\n */\n@Component({\n  tag: 'verdocs-pagination',\n  styleUrl: 'verdocs-pagination.scss',\n})\nexport class VerdocsQuickFilter {\n  @Element()\n  el: HTMLElement;\n\n  /**\n   * The currently selected page.\n   */\n  @Prop({mutable: true, reflect: true}) selectedPage: number = 0;\n\n  /**\n   * The total number of items.\n   */\n  @Prop() itemCount: number = 1;\n\n  /**\n   * The number of displayed per page.\n   */\n  @Prop() perPage: number = 10;\n\n  /**\n   * Event fired when the selected page changes. The new page number is included in the event.\n   */\n  @Event({composed: true}) selectPage: EventEmitter<{selectedPage: number}>;\n\n  handleSelectPage(page: number) {\n    this.selectedPage = page;\n    this.selectPage?.emit({selectedPage: page});\n  }\n\n  render() {\n    const firstPage = Math.max(0, this.selectedPage - 2);\n    const numPages = this.itemCount > 0 ? Math.ceil(this.itemCount / this.perPage) : 0;\n    const pagesToDisplay = integerSequence(0, Math.ceil(this.itemCount / this.perPage)).slice(firstPage, firstPage + VISIBLE_PAGES);\n\n    return (\n      <Host>\n        {this.selectedPage > 0 && <PageButton page={'first'} selected={this.selectedPage} onClick={() => this.handleSelectPage(0)} />}\n\n        {firstPage > 0 && <div class=\"ellipsis\">...</div>}\n\n        {pagesToDisplay.map(pageNumber => (\n          <PageButton page={pageNumber} selected={this.selectedPage} onClick={page => this.handleSelectPage(+page)} />\n        ))}\n\n        {this.selectedPage < numPages - 1 && <div class=\"ellipsis\">...</div>}\n\n        {this.selectedPage < numPages - 1 && <PageButton page={'last'} selected={this.selectedPage} onClick={() => this.handleSelectPage(numPages - 1)} />}\n      </Host>\n    );\n  }\n}\n","@import '../../../theme.scss';\n\nverdocs-quick-filter {\n  position: relative;\n  font-family: $primary-font;\n\n  .control {\n    outline: 0;\n    height: 34px;\n    display: flex;\n    cursor: pointer;\n    border-radius: 4px;\n    align-items: center;\n    flex-direction: row;\n    box-sizing: border-box;\n    background: $verdocs-grey-4;\n    transition: all 100ms ease 0s;\n    border: 1px solid $verdocs-bg-1;\n  }\n\n  .title {\n    padding: 0 8px;\n    font-size: 14px;\n    max-width: 100%;\n    overflow: hidden;\n    color: $label-color;\n    white-space: nowrap;\n    box-sizing: border-box;\n    text-overflow: ellipsis;\n\n    .prefix {\n      display: inline;\n      font-weight: 700;\n      margin: 0 7px 0 0;\n      color: $secondary-color;\n    }\n  }\n\n  .arrow {\n    width: 32px;\n    height: 32px;\n    border: none;\n    outline: none;\n    cursor: pointer;\n    align-items: center;\n    display: inline-flex;\n    justify-content: center;\n    background: $verdocs-grey-4;\n    transition: color 150ms ease 0s;\n\n    svg {\n      transition: 0.3s;\n      fill: $verdocs-bg-1;\n    }\n  }\n\n  .separator {\n    width: 1px;\n    display: block;\n    margin-top: 8px;\n    margin-bottom: 8px;\n    align-self: stretch;\n    box-sizing: border-box;\n    background-color: $verdocs-bg-1;\n  }\n\n  .items {\n    display: none;\n    z-index: 10000;\n    position: absolute;\n    border-radius: 4px;\n    background: $verdocs-grey-4;\n    box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 1px, rgba(0, 0, 0, 0.1) 0 4px 11px;\n  }\n\n  .items[data-show] {\n    display: block;\n  }\n\n  .option {\n    width: 100%;\n    border: none;\n    display: block;\n    font-size: 14px;\n    text-align: left;\n    background: none;\n    padding: 10px 20px;\n    color: $verdocs-bg-5;\n  }\n\n  .option:hover {\n    cursor: pointer;\n    background: #4c56cb3f;\n  }\n\n  .option[disabled] {\n    color: $light-disabled-color;\n  }\n\n  .option[disabled]:hover {\n    cursor: inherit;\n    background: transparent;\n    color: $light-disabled-color;\n  }\n\n  &.open {\n    .items {\n      display: block;\n    }\n\n    .arrow svg {\n      transform: scaleY(-1);\n    }\n  }\n}\n","import {Host} from '@stencil/core';\nimport {createPopper, Instance} from '@popperjs/core';\nimport {Component, Prop, Element, State, h, Event, EventEmitter} from '@stencil/core';\nimport {renderedTextWidth} from '../../../utils/utils';\n\nconst 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>`;\n\nexport interface IFilterOption {\n  value: string;\n  label: string;\n  disabled?: boolean;\n}\n\n/**\n * Display a drop-down menu of quick filter options.\n *\n * ```ts\n * <verdocs-quick-filter options={[...options]} value={1} label=\"Filter\" placeholder=\"All\" />\n * ```\n */\n@Component({\n  tag: 'verdocs-quick-filter',\n  styleUrl: 'verdocs-quick-filter.scss',\n})\nexport class VerdocsQuickFilter {\n  @Element()\n  el: HTMLElement;\n\n  private dropdownButton?: HTMLElement;\n  private dropdownMenu?: HTMLDivElement;\n  private popper?: Instance;\n\n  /**\n   * The menu options to display.\n   */\n  @Prop() options: IFilterOption[] = [];\n\n  @Prop()\n  label: string = 'Filter';\n\n  @Prop({reflect: true, mutable: true})\n  value: string = '';\n\n  @Prop()\n  placeholder: string = 'Select...';\n\n  /**\n   * Event fired when a menu option is clicked.\n   * Web Component events need to be \"composed\" to cross the Shadow DOM and be received by parent frameworks.\n   */\n  @Event({composed: true}) optionSelected: EventEmitter<IFilterOption>;\n\n  @State() open: boolean;\n\n  // We need to do this to reliably disconnect the click-away listener\n  clickListenerSymbol = new AbortController();\n  componentDidLoad() {\n    this.popper = createPopper(this.dropdownButton, this.dropdownMenu, {placement: 'bottom-start', modifiers: [{name: 'offset', options: {offset: [-1, 14]}}]});\n\n    window.addEventListener('click', this.clickListener.bind(this), {signal: this.clickListenerSymbol.signal});\n  }\n\n  disconnectedCallback() {\n    this.clickListenerSymbol.abort();\n  }\n\n  clickListener(e: any) {\n    const outside = !(e.target == this.el || this.el.contains(e.target));\n    if (outside) {\n      this.hide();\n    }\n  }\n\n  handleSelectOption(e: any, option: IFilterOption) {\n    e.stopPropagation();\n    this.optionSelected.emit(option);\n    this.value = option.value;\n    this.hide();\n  }\n\n  // See https://popper.js.org/docs/v2/tutorial/\n  // What we're doing here is clearing event listeners when they aren't needed, to increase performance in lists\n  showDropdown() {\n    this.open = true;\n    this.dropdownMenu.setAttribute('data-show', '');\n    this.dropdownMenu.removeAttribute('aria-hidden');\n\n    this.popper\n      ?.setOptions(options => ({\n        ...options,\n        modifiers: [...options.modifiers, {name: 'eventListeners', enabled: true}],\n      }))\n      .catch(() => {});\n\n    this.popper?.update().catch(() => {});\n  }\n\n  handleHideDropdown(e: any) {\n    if (e?.target?.localName === 'button' && e?.target?.className === 'arrow') {\n      // This event is fired when a menu element is clicked because the button \"loses focus\" then too\n      return;\n    }\n\n    this.hide();\n  }\n\n  toggleDropdown(e: any) {\n    e.stopPropagation();\n\n    if (this.open) {\n      this.hide();\n    } else {\n      this.showDropdown();\n    }\n  }\n\n  hide() {\n    this.open = false;\n    this.dropdownMenu.removeAttribute('data-show');\n    this.dropdownMenu.setAttribute('aria-hidden', 'true');\n    this.popper\n      ?.setOptions(options => ({\n        ...options,\n        modifiers: [...options.modifiers, {name: 'eventListeners', enabled: false}],\n      }))\n      .catch(() => {});\n  }\n\n  render() {\n    const selectedOption = this.options?.find(option => option.value === this.value);\n    const longestOption = this.options?.reduce((prev, curr) => (prev.label.length > curr.label.length ? prev : curr));\n    const longestLabelWidth = renderedTextWidth(longestOption?.label || 'FILLER', '14px Inter, Barlow, sans-serif');\n    const prefixWidth = renderedTextWidth(this.label, '14px Inter, Barlow, sans-serif');\n    const minWidth = `${longestLabelWidth + prefixWidth + 40}px`;\n\n    return (\n      <Host class={{open: !!this.open}} style={{minWidth, display: 'inline-block'}}>\n        <div class=\"control\" onClick={e => this.toggleDropdown(e)} onBlur={e => this.handleHideDropdown(e)}>\n          <div class=\"title\" ref={el => (this.dropdownButton = el as HTMLElement)}>\n            <span class=\"prefix\">{this.label}:</span>\n            {selectedOption ? selectedOption.label : this.placeholder}\n          </div>\n\n          <div style={{flex: '1'}} />\n\n          <div class=\"separator\" />\n\n          <div class=\"arrow\" innerHTML={DropdownArrow} aria-label=\"Open Menu\" />\n        </div>\n\n        <div class=\"items\" aria-hidden={!this.open} ref={el => (this.dropdownMenu = el as HTMLDivElement)} style={{minWidth}}>\n          {this.options?.map(option =>\n            option.label ? (\n              <button onClick={e => this.handleSelectOption(e, option)} class={`option ${option.value === this.value ? 'selected' : ''}`} disabled={option.disabled}>\n                {option.label}\n              </button>\n            ) : (\n              <div class=\"separator\" />\n            ),\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/verdocs-web-sdk/{p-1606cff5.entry.js → p-84d305e4.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as t,h as i,H as o,F as s,g as a}from"./p-ddadabfb.js";import{VerdocsEndpoint as r,getTemplateDocumentPageDisplayUri as d,getTemplate as l}from"@verdocs/js-sdk";import{t as c,j as n,g as p}from"./p-0c45b79c.js";import{S as h}from"./p-78d650ca.js";import{c as b}from"./p-68a5aaff.js";import"./p-85aa8e05.js";import"./p-c7ee88c7.js";import"./p-12bab948.js";const u="@-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-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 rgba(0, 0, 0, 0.0588235294);box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.0588235294)}verdocs-template-document-page .verdocs-template-document-page-layer.img{width:100%}verdocs-template-document-page .placeholder{opacity:0.1;width:612px;height:792px;-webkit-box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.0588235294);box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.0588235294)}";const m=u;const f=class{constructor(i){e(this,i);this.pageRendered=t(this,"pageRendered",7);this.templateListenerId=null;this.endpoint=r.getDefault();this.editable=false;this.disabled=false;this.done=false;this.templateId="";this.documentId="";this.pageNumber=1;this.virtualWidth=612;this.virtualHeight=792;this.layers=[{name:"page",type:"canvas"}];this.containerId=`verdocs-document-page-${Math.random().toString(36).substring(2,11)}`;this.renderedWidth=this.virtualWidth;this.renderedHeight=this.virtualHeight;this.naturalWidth=this.virtualWidth;this.naturalHeight=this.virtualHeight;this.aspectRatio=this.virtualWidth/this.virtualHeight;this.skipFirstNotification=true;this.pageDisplayUri="";this.xScale=1;this.yScale=1;this.loading=true;this.template=null}async componentWillLoad(){this.pageDisplayUri=await d(this.endpoint,this.documentId,this.pageNumber);this.listenToTemplate()}componentDidLoad(){this.resizeObserver=new ResizeObserver(c((e=>{for(const t of e){const e=t.contentRect.width;this.renderedWidth=e;this.renderedHeight=this.virtualHeight*(e/this.virtualWidth)}this.notifyRenderedSize()}),100));this.resizeObserver.observe(this.container)}componentDidUpdate(){this.notifyRenderedSize()}disconnectedCallback(){var e;(e=this.resizeObserver)===null||e===void 0?void 0:e.disconnect();this.unlistenToTemplate()}async listenToTemplate(){this.unlistenToTemplate();h.subscribe("templates",this.templateId,(()=>l(this.endpoint,this.templateId)),false,(e=>{this.template=e;this.loading=false}))}unlistenToTemplate(){if(this.templateListenerId){h.store.delListener(this.templateListenerId);this.templateListenerId=null}}notifyRenderedSize(){if(this.skipFirstNotification){this.skipFirstNotification=false;return}const e=this.renderedWidth/this.virtualWidth;if(this.xScale!==e){this.xScale=e}const t=this.renderedHeight/this.virtualHeight;if(this.yScale!==t){this.yScale=t}this.pageRendered.emit({containerId:this.containerId,documentId:this.documentId,pageNumber:this.pageNumber,virtualWidth:this.virtualWidth,virtualHeight:this.virtualHeight,renderedWidth:this.renderedWidth,renderedHeight:this.renderedHeight,naturalWidth:this.naturalWidth,naturalHeight:this.naturalHeight,aspectRatio:this.aspectRatio,xScale:e,yScale:t})}render(){if(this.loading){return i(o,null,i("img",{src:"https://public-assets.verdocs.com/loading-placeholder.png",class:"placeholder",alt:"Placeholder page"}))}const e=`${this.renderedHeight}px`;return i(o,{id:`${this.containerId}`,style:{height:e,flex:`0 0 ${e}`}},this.layers.map((t=>{var o;return t.type==="div"?i("div",{class:"verdocs-template-document-page-layer",id:`${this.containerId}-${t.name}`,style:{height:e}},t.name==="controls"&&(((o=this.template)===null||o===void 0?void 0:o.fields)||[]).filter((e=>e&&e.page===this.pageNumber)).map((e=>{var t,o;const a=p(e);let{name:r,type:d,multiline:l}=e;const{xScale:c,yScale:h,templateId:b,editable:u,disabled:m,done:f,pageNumber:g}=this;if(((t=e["setting"])===null||t===void 0?void 0:t.leading)>0||((o=e["settings"])===null||o===void 0?void 0:o.leading)>0){d="textarea";l=true}switch(d){case"textbox":return i("verdocs-field-textbox",{id:a,fieldname:r,source:"template",sourceid:b,editable:u,multiline:l,disabled:m,done:f,xscale:c,yscale:h,pagenumber:g,style:n(e,c,h)});case"textarea":return i("verdocs-field-textarea",{id:a,fieldname:r,source:"template",sourceid:b,editable:u,disabled:m,done:f,xscale:c,yscale:h,pagenumber:g,style:n(e,c,h)});case"date":return i("verdocs-field-date",{id:a,fieldname:r,source:"template",sourceid:b,editable:u,disabled:m,done:f,xscale:c,yscale:h,pagenumber:g,style:n(e,c,h)});case"attachment":return i("verdocs-field-attachment",{id:a,fieldname:r,source:"template",sourceid:b,editable:u,disabled:m,done:f,xscale:c,yscale:h,pagenumber:g,style:n(e,c,h)});case"dropdown":return i("verdocs-field-dropdown",{id:a,fieldname:r,source:"template",sourceid:b,editable:u,disabled:m,done:f,xscale:c,yscale:h,pagenumber:g,style:n(e,c,h)});case"initial":return i("verdocs-field-initial",{id:a,fieldname:r,source:"template",sourceid:b,editable:u,disabled:m,done:f,xscale:c,yscale:h,pagenumber:g,style:n(e,c,h)});case"signature":return i("verdocs-field-signature",{id:a,fieldname:r,source:"template",sourceid:b,editable:u,disabled:m,done:f,xscale:c,yscale:h,pagenumber:g,style:n(e,this.xScale,this.yScale)});case"timestamp":return i("verdocs-field-timestamp",{id:a,fieldname:r,source:"template",sourceid:b,editable:u,disabled:m,done:f,xscale:c,yscale:h,pagenumber:g,style:n(e,c,h)});case"checkbox":return i("verdocs-field-checkbox",{id:a,fieldname:r,source:"template",sourceid:b,editable:u,disabled:m,done:f,xscale:c,yscale:h,pagenumber:g,style:n(e,c,h)});case"radio":return i("verdocs-field-radio",{id:a,fieldname:r,source:"template",sourceid:b,editable:u,disabled:m,done:f,xscale:c,yscale:h,pagenumber:g,style:n(e,c,h)});default:return i(s,null,r)}}))):this.pageDisplayUri?i("img",{class:"verdocs-template-document-page-layer img",id:`${this.containerId}-${t.name}`,src:this.pageDisplayUri,alt:`Page ${this.pageNumber}`,"aria-hidden":true,loading:"lazy",onLoad:e=>{this.naturalWidth=e.target.naturalWidth;this.naturalHeight=e.target.naturalHeight;this.aspectRatio=this.naturalWidth/this.naturalHeight;this.virtualHeight=this.virtualWidth/this.aspectRatio;this.renderedHeight=e.target.offsetWidth/this.aspectRatio}}):i("div",null)})))}get container(){return a(this)}};f.style=m;const g='@-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}';const v=g;const x=class{constructor(t){e(this,t);this.text="";this.icon="";this.placement="bottom";this.containerId=`verdocs-toolbar-icon-${Math.random().toString(36).substring(2,11)}`}componentDidLoad(){this.popperInstance=b(this.iconEl,this.tooltip,{placement:this.placement,modifiers:this.placement==="left"?[{name:"offset",options:{offset:[0,20]}}]:[]})}disconnectedCallback(){if(this.popperInstance){this.popperInstance.destroy();this.popperInstance=null}}show(){var e,t;(e=this.tooltip)===null||e===void 0?void 0:e.setAttribute("data-show","");(t=this.popperInstance)===null||t===void 0?void 0:t.update().catch((()=>{}))}hide(){var e;(e=this.tooltip)===null||e===void 0?void 0:e.removeAttribute("data-show")}render(){return i(o,{key:"bb4ac065c1a6873c88a7a4d468e674524ffad255",class:{}},i("div",{key:"c19c62586b0a0c5085adb4a1133cd5d6b78792ad","aria-describedby":this.containerId,class:"icon",innerHTML:this.icon,onMouseEnter:()=>this.show(),onFocus:()=>this.show(),onMouseLeave:()=>this.hide(),onBlur:()=>this.hide(),ref:e=>this.iconEl=e}),i("div",{key:"9f64d63fcb1d8d126adf3a680cf2a9ea3d0e2827",id:this.containerId,role:"tooltip",class:"tooltip","data-popper-placement":this.placement,ref:e=>this.tooltip=e},this.text,i("div",{key:"e4a0d13321ffa070c41060d94da95549e009b0ff","data-popper-arrow":"true",class:"arrow"})))}};x.style=v;export{f as verdocs_template_document_page,x as verdocs_toolbar_icon};
-//# sourceMappingURL=p-1606cff5.entry.js.map
+import{r as e,c as t,h as i,H as o,F as s,g as a}from"./p-ddadabfb.js";import{VerdocsEndpoint as r,getTemplateDocumentPageDisplayUri as d,getTemplate as l}from"@verdocs/js-sdk";import{t as c,j as n,g as p}from"./p-0c45b79c.js";import{S as h}from"./p-78d650ca.js";import{c as b}from"./p-68a5aaff.js";import"./p-85aa8e05.js";import"./p-c7ee88c7.js";import"./p-12bab948.js";const u="@-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-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 rgba(0, 0, 0, 0.0588235294);box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.0588235294)}verdocs-template-document-page .verdocs-template-document-page-layer.img{width:100%}verdocs-template-document-page .placeholder{opacity:0.1;width:612px;height:792px;-webkit-box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.0588235294);box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.0588235294)}";const m=u;const f=class{constructor(i){e(this,i);this.pageRendered=t(this,"pageRendered",7);this.templateListenerId=null;this.endpoint=r.getDefault();this.editable=false;this.disabled=false;this.done=false;this.templateId="";this.documentId="";this.pageNumber=1;this.virtualWidth=612;this.virtualHeight=792;this.layers=[{name:"page",type:"canvas"}];this.containerId=`verdocs-document-page-${Math.random().toString(36).substring(2,11)}`;this.renderedWidth=this.virtualWidth;this.renderedHeight=this.virtualHeight;this.naturalWidth=this.virtualWidth;this.naturalHeight=this.virtualHeight;this.aspectRatio=this.virtualWidth/this.virtualHeight;this.skipFirstNotification=true;this.pageDisplayUri="";this.xScale=1;this.yScale=1;this.loading=true;this.template=null}async componentWillLoad(){this.pageDisplayUri=await d(this.endpoint,this.documentId,this.pageNumber);this.listenToTemplate()}componentDidLoad(){this.resizeObserver=new ResizeObserver(c((e=>{for(const t of e){const e=t.contentRect.width;this.renderedWidth=e;this.renderedHeight=this.virtualHeight*(e/this.virtualWidth)}this.notifyRenderedSize()}),100));this.resizeObserver.observe(this.container)}componentDidUpdate(){this.notifyRenderedSize()}disconnectedCallback(){var e;(e=this.resizeObserver)===null||e===void 0?void 0:e.disconnect();this.unlistenToTemplate()}async listenToTemplate(){this.unlistenToTemplate();h.subscribe("templates",this.templateId,(()=>l(this.endpoint,this.templateId)),false,(e=>{this.template=e;this.loading=false}))}unlistenToTemplate(){if(this.templateListenerId){h.store.delListener(this.templateListenerId);this.templateListenerId=null}}notifyRenderedSize(){if(this.skipFirstNotification){this.skipFirstNotification=false;return}const e=this.renderedWidth/this.virtualWidth;if(this.xScale!==e){this.xScale=e}const t=this.renderedHeight/this.virtualHeight;if(this.yScale!==t){this.yScale=t}this.pageRendered.emit({containerId:this.containerId,documentId:this.documentId,pageNumber:this.pageNumber,virtualWidth:this.virtualWidth,virtualHeight:this.virtualHeight,renderedWidth:this.renderedWidth,renderedHeight:this.renderedHeight,naturalWidth:this.naturalWidth,naturalHeight:this.naturalHeight,aspectRatio:this.aspectRatio,xScale:e,yScale:t})}render(){if(this.loading){return i(o,null,i("img",{src:"https://public-assets.verdocs.com/loading-placeholder.png",class:"placeholder",alt:"Placeholder page"}))}const e=`${this.renderedHeight}px`;return i(o,{id:`${this.containerId}`,style:{height:e,flex:`0 0 ${e}`}},this.layers.map((t=>{var o;return t.type==="div"?i("div",{class:"verdocs-template-document-page-layer",id:`${this.containerId}-${t.name}`,style:{height:e}},t.name==="controls"&&(((o=this.template)===null||o===void 0?void 0:o.fields)||[]).filter((e=>e&&e.page===this.pageNumber)).map((e=>{var t,o;const a=p(e);let{name:r,type:d,multiline:l}=e;const{xScale:c,yScale:h,templateId:b,editable:u,disabled:m,done:f,pageNumber:g}=this;if(((t=e["setting"])===null||t===void 0?void 0:t.leading)>0||((o=e["settings"])===null||o===void 0?void 0:o.leading)>0){d="textarea";l=true}switch(d){case"textbox":return i("verdocs-field-textbox",{id:a,fieldname:r,source:"template",sourceid:b,editable:u,multiline:l,disabled:m,done:f,xscale:c,yscale:h,pagenumber:g,style:n(e,c,h)});case"textarea":return i("verdocs-field-textarea",{id:a,fieldname:r,source:"template",sourceid:b,editable:u,disabled:m,done:f,xscale:c,yscale:h,pagenumber:g,style:n(e,c,h)});case"date":return i("verdocs-field-date",{id:a,fieldname:r,source:"template",sourceid:b,editable:u,disabled:m,done:f,xscale:c,yscale:h,pagenumber:g,style:n(e,c,h)});case"attachment":return i("verdocs-field-attachment",{id:a,fieldname:r,source:"template",sourceid:b,editable:u,disabled:m,done:f,xscale:c,yscale:h,pagenumber:g,style:n(e,c,h)});case"dropdown":return i("verdocs-field-dropdown",{id:a,fieldname:r,source:"template",sourceid:b,editable:u,disabled:m,done:f,xscale:c,yscale:h,pagenumber:g,style:n(e,c,h)});case"initial":return i("verdocs-field-initial",{id:a,fieldname:r,source:"template",sourceid:b,editable:u,disabled:m,done:f,xscale:c,yscale:h,pagenumber:g,style:n(e,c,h)});case"signature":return i("verdocs-field-signature",{id:a,fieldname:r,source:"template",sourceid:b,editable:u,disabled:m,done:f,xscale:c,yscale:h,pagenumber:g,style:n(e,this.xScale,this.yScale)});case"timestamp":return i("verdocs-field-timestamp",{id:a,fieldname:r,source:"template",sourceid:b,editable:u,disabled:m,done:f,xscale:c,yscale:h,pagenumber:g,style:n(e,c,h)});case"checkbox":return i("verdocs-field-checkbox",{id:a,fieldname:r,source:"template",sourceid:b,editable:u,disabled:m,done:f,xscale:c,yscale:h,pagenumber:g,style:n(e,c,h)});case"radio":return i("verdocs-field-radio",{id:a,fieldname:r,source:"template",sourceid:b,editable:u,disabled:m,done:f,xscale:c,yscale:h,pagenumber:g,style:n(e,c,h)});default:return i(s,null,r)}}))):this.pageDisplayUri?i("img",{class:"verdocs-template-document-page-layer img",id:`${this.containerId}-${t.name}`,src:this.pageDisplayUri,alt:`Page ${this.pageNumber}`,"aria-hidden":true,loading:"lazy",onLoad:e=>{this.naturalWidth=e.target.naturalWidth;this.naturalHeight=e.target.naturalHeight;this.aspectRatio=this.naturalWidth/this.naturalHeight;this.virtualHeight=this.virtualWidth/this.aspectRatio;this.renderedHeight=e.target.offsetWidth/this.aspectRatio}}):i("div",null)})))}get container(){return a(this)}};f.style=m;const g='@-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}';const v=g;const x=class{constructor(t){e(this,t);this.text="";this.icon="";this.placement="bottom";this.containerId=`verdocs-toolbar-icon-${Math.random().toString(36).substring(2,11)}`}componentDidLoad(){this.popperInstance=b(this.iconEl,this.tooltip,{placement:this.placement,modifiers:this.placement==="left"?[{name:"offset",options:{offset:[0,20]}}]:[]})}disconnectedCallback(){if(this.popperInstance){this.popperInstance.destroy();this.popperInstance=null}}show(){var e,t;(e=this.tooltip)===null||e===void 0?void 0:e.setAttribute("data-show","");(t=this.popperInstance)===null||t===void 0?void 0:t.update().catch((()=>{}))}hide(){var e;(e=this.tooltip)===null||e===void 0?void 0:e.removeAttribute("data-show")}render(){return i(o,{key:"2ff1baf8227efaa911d823914f2645d3b2d7d82e",class:{}},i("div",{key:"c13b7a5e10720450462e4c7229b1093e03e87808","aria-describedby":this.containerId,class:"icon",innerHTML:this.icon,onMouseEnter:()=>this.show(),onFocus:()=>this.show(),onMouseLeave:()=>this.hide(),onBlur:()=>this.hide(),ref:e=>this.iconEl=e}),i("div",{key:"ac849c0f365f2570c94aff71dfbba9edd357b713",id:this.containerId,role:"tooltip",class:"tooltip","data-popper-placement":this.placement,ref:e=>this.tooltip=e},this.text,i("div",{key:"f4e4f13a0016c6deb1db21c13b2f0ca6fe6bea25","data-popper-arrow":"true",class:"arrow"})))}};x.style=v;export{f as verdocs_template_document_page,x as verdocs_toolbar_icon};
+//# sourceMappingURL=p-84d305e4.entry.js.map

package/dist/verdocs-web-sdk/{p-6a4e6c08.entry.js → p-866d2139.entry.js}

@@ -1,2 +1,2 @@
-import{r,h as o,H as a}from"./p-ddadabfb.js";const e='@-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}';const s=e;const d=class{constructor(o){r(this,o)}render(){var r;return o(a,{key:"bc7bd2b353f4f73cf6dd9fdd5d633c0d7e033b70"},(r=this.tags)===null||r===void 0?void 0:r.map((r=>o("span",null,r))))}};d.style=s;export{d as verdocs_template_tags};
-//# sourceMappingURL=p-6a4e6c08.entry.js.map
+import{r,h as o,H as a}from"./p-ddadabfb.js";const e='@-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}';const s=e;const b=class{constructor(o){r(this,o)}render(){var r;return o(a,{key:"195b981b22a559b2de73d87811b37a4e8b7ccd14"},(r=this.tags)===null||r===void 0?void 0:r.map((r=>o("span",null,r))))}};b.style=s;export{b as verdocs_template_tags};
+//# sourceMappingURL=p-866d2139.entry.js.map

package/dist/verdocs-web-sdk/{p-2472a2c9.entry.js → p-923cc826.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as s,h as i,H as l}from"./p-ddadabfb.js";import{VerdocsEndpoint as t,getEnvelopes as a,integerSequence as o,getRecipientsWithActions as n,userCanCancelEnvelope as d,userCanAct as r,formatFullName as c,cancelEnvelope as p}from"@verdocs/js-sdk";import{s as h}from"./p-0c45b79c.js";import{V as v}from"./p-04c07b7b.js";import{S as f}from"./p-fd97809c.js";import"./p-85aa8e05.js";import"./p-c7ee88c7.js";import"./p-12bab948.js";const b='@-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}}';const x=b;const u=`<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>`;const m=[{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"}];const g=[{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"}];const w=[{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"}];const y=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=undefined;this.status="all";this.sort="created_at";this.match="";this.showPagination=true;this.rowsPerPage=10;this.selectedPage=0;this.count=0;this.initiallyLoaded=false;this.loading=true;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.onSessionChanged(((e,s,i)=>{console.log("[ENVELOPES_LIST] onSessionChanged",s,i)}));this.endpoint.loadSession()}async componentDidLoad(){await this.queryEnvelopes();this.initiallyLoaded=true}async queryEnvelopes(){var e,s,i;try{this.loading=true;let e={page:this.selectedPage,rows:this.rowsPerPage};switch(this.view){case"all":e={...e,status:this.status==="all"?["pending","in progress","complete","declined","canceled"]:[this.status]};break;case"inbox":e={...e};break;case"sent":e={...e};break;case"action":e={...e,status:["pending","in progress"]};break;case"waiting":e={...e,status:["pending","in progress"]};break;case"completed":e={...e,status:["complete"]};break;default:e={...e,status:this.status==="all"?["pending","in progress","complete","declined","canceled"]:[this.status]}}if(this.view==="all"){if(this.status!=="all"){e.status=[this.status]}}if(this.match.trim());const s=await a(this.endpoint,e);this.envelopes=s.envelopes;this.count=s.count;this.loading=false}catch(l){this.loading=false;console.log("[ENVELOPES] Error listing envelopes",l);(e=this.sdkError)===null||e===void 0?void 0:e.emit(new f(l.message,(s=l.response)===null||s===void 0?void 0:s.status,(i=l.response)===null||i===void 0?void 0:i.data))}}handleDownload(){h(this.endpoint,this.selectedEnvelopes).then((()=>{this.selectedEnvelopes=[]})).catch((e=>{console.log("[ENVELOPES] Download error",e);v("Download error: "+e.message,{style:"error"})}))}downloadEnvelope(e){h(this.endpoint,[e]).catch((e=>{console.log("[ENVELOPES] Download error",e);v("Download error: "+e.message,{style:"error"})}))}render(){return i(l,{key:"59ef0b8fc3ae12c22594e295fb6c521f4b2422f3"},i("div",{key:"dbeeee7bc2e8b4d220b898360097d4e2822bab8d",class:"header"},i("div",{key:"ba4e5abd64d769e305290700a70ea577e1a01410",class:"filter"},i("verdocs-text-input",{key:"1d50c3159fce49afa5b74e0b7070fae63dc3bd7b",id:"verdocs-filter-name",value:this.match,clearable:true,autocomplete:"off",placeholder:"Filter by Name, Recipient, or Field...",onFocusout:e=>{var s;this.match=e.target.value.trim();(s=this.changeMatch)===null||s===void 0?void 0:s.emit(this.match)}})),i("verdocs-quick-filter",{key:"a48266dee00c69c90a2ac9d7587bef652e9d217a",label:"View",value:this.view,options:m,onOptionSelected:e=>{this.view=e.detail.value}}),this.view==="all"&&i("verdocs-quick-filter",{key:"d026d5ad2f2d3d0b76fccac22c7c473fd9a7c883",label:"Status",value:this.status,options:g,onOptionSelected:e=>{this.status=e.detail.value}}),this.view==="all"&&i("verdocs-quick-filter",{key:"123c21f2f8b4cc7e3c01031dad3176b0bb99f61b",label:"Sort By",value:this.sort,options:w,onOptionSelected:e=>{this.sort=e.detail.value}}),this.loading&&i("verdocs-spinner",{key:"8239f78abab03fe7e8510f9035b10232d7d69982",mode:"dark",size:24}),i("div",{key:"6dd8cf2b5ef5c31ae9675b54b3f0c732c66fae4b",style:{display:"flex",flex:"1"}}),this.selectedEnvelopes.length>0&&i("verdocs-button",{key:"d2784158eaa4a7a6d068b61bac12eaf42bbf7d1a",label:`Download (${this.selectedEnvelopes.length})`,onClick:()=>this.handleDownload()})),this.envelopes.map((e=>{var s;const l=n(e);const t=d(this.endpoint.profile,e);const a=l.find((e=>{var s;return e.email===((s=this.endpoint.session)===null||s===void 0?void 0:s.email)||""}));const o=a&&t&&r(((s=this.endpoint.session)===null||s===void 0?void 0:s.email)||"",l);const h=[{label:"View Envelope",id:"view"},{label:"Finish Envelope",id:"finish",disabled:!o},{label:"Download",id:"download"},{label:"Cancel",id:"cancel",disabled:!t}];return i("div",{class:"envelope",key:e.id,onClick:()=>{var s;return(s=this.viewEnvelope)===null||s===void 0?void 0:s.emit({endpoint:this.endpoint,envelope:e})}},i("div",{class:"inner"},i("verdocs-checkbox",{checked:this.selectedEnvelopes.findIndex((s=>s.id===e.id))!==-1,onClick:e=>e.stopPropagation(),onInput:s=>{if(s.target.checked){this.selectedEnvelopes=[...this.selectedEnvelopes,e]}else{this.selectedEnvelopes=this.selectedEnvelopes.filter((s=>s.id!==e.id))}}}),i("div",{class:"vert-spacer"}),i("span",{innerHTML:u,class:"envelope-icon"}),i("div",{class:"envelope-name"},e.name,":  ",i("div",{class:"envelope-recipients"},e.recipients.map((e=>c(e))))),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:h,onOptionSelected:s=>{var i,l;switch(s.detail.id){case"view":(i=this.viewEnvelope)===null||i===void 0?void 0:i.emit({endpoint:this.endpoint,envelope:e});break;case"finish":(l=this.finishEnvelope)===null||l===void 0?void 0:l.emit({endpoint:this.endpoint,envelope:e});break;case"download":this.downloadEnvelope(e);break;case"cancel":if(window.confirm("Are you sure you want to cancel this envelope?")){p(this.endpoint,e.id).then((()=>v("Envelope canceled"))).catch((e=>v("Unable to cancel envelope: "+e.messabge,{style:"error"})));this.queryEnvelopes().catch((()=>{}))}break}}})))})),!this.initiallyLoaded&&i("div",{key:"2ac72d321f498b86e05767da7696a943dd80e5cd",style:{width:"100%"}},o(0,this.rowsPerPage).map((()=>i("div",{class:"envelope-placeholder"})))),this.initiallyLoaded&&!this.envelopes.length&&i("div",{key:"3f5c0c044cfd73650df368bb63bb7cf8ac95fc03",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"]}}};y.style=x;export{y as verdocs_envelopes_list};
-//# sourceMappingURL=p-2472a2c9.entry.js.map
+import{r as e,c as s,h as i,H as l}from"./p-ddadabfb.js";import{VerdocsEndpoint as t,getEnvelopes as a,integerSequence as o,getRecipientsWithActions as n,userCanCancelEnvelope as d,userCanAct as r,formatFullName as c,cancelEnvelope as p}from"@verdocs/js-sdk";import{s as h}from"./p-0c45b79c.js";import{V as v}from"./p-04c07b7b.js";import{S as f}from"./p-fd97809c.js";import"./p-85aa8e05.js";import"./p-c7ee88c7.js";import"./p-12bab948.js";const x='@-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}}';const b=x;const u=`<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>`;const m=[{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"}];const g=[{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"}];const w=[{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"}];const y=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=undefined;this.status="all";this.sort="created_at";this.match="";this.showPagination=true;this.rowsPerPage=10;this.selectedPage=0;this.count=0;this.initiallyLoaded=false;this.loading=true;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.onSessionChanged(((e,s,i)=>{console.log("[ENVELOPES_LIST] onSessionChanged",s,i)}));this.endpoint.loadSession()}async componentDidLoad(){await this.queryEnvelopes();this.initiallyLoaded=true}async queryEnvelopes(){var e,s,i;try{this.loading=true;let e={page:this.selectedPage,rows:this.rowsPerPage};switch(this.view){case"all":e={...e,status:this.status==="all"?["pending","in progress","complete","declined","canceled"]:[this.status]};break;case"inbox":e={...e};break;case"sent":e={...e};break;case"action":e={...e,status:["pending","in progress"]};break;case"waiting":e={...e,status:["pending","in progress"]};break;case"completed":e={...e,status:["complete"]};break;default:e={...e,status:this.status==="all"?["pending","in progress","complete","declined","canceled"]:[this.status]}}if(this.view==="all"){if(this.status!=="all"){e.status=[this.status]}}if(this.match.trim());const s=await a(this.endpoint,e);this.envelopes=s.envelopes;this.count=s.count;this.loading=false}catch(l){this.loading=false;console.log("[ENVELOPES] Error listing envelopes",l);(e=this.sdkError)===null||e===void 0?void 0:e.emit(new f(l.message,(s=l.response)===null||s===void 0?void 0:s.status,(i=l.response)===null||i===void 0?void 0:i.data))}}handleDownload(){h(this.endpoint,this.selectedEnvelopes).then((()=>{this.selectedEnvelopes=[]})).catch((e=>{console.log("[ENVELOPES] Download error",e);v("Download error: "+e.message,{style:"error"})}))}downloadEnvelope(e){h(this.endpoint,[e]).catch((e=>{console.log("[ENVELOPES] Download error",e);v("Download error: "+e.message,{style:"error"})}))}render(){return i(l,{key:"6f4f98311ffbedefc96cbc2f1208e4f471ee1b01"},i("div",{key:"97383aa90edf3bf8cf77ab3f6986bdd7502de1a9",class:"header"},i("div",{key:"1af40727c235e732ba7c1265be6d2a6e1d33a4a1",class:"filter"},i("verdocs-text-input",{key:"23beddb65b55f24545f9dc812655d9c63d96e4f9",id:"verdocs-filter-name",value:this.match,clearable:true,autocomplete:"off",placeholder:"Filter by Name, Recipient, or Field...",onFocusout:e=>{var s;this.match=e.target.value.trim();(s=this.changeMatch)===null||s===void 0?void 0:s.emit(this.match)}})),i("verdocs-quick-filter",{key:"2628e51157d28b5ebe6a9aeb01c526876f6c34ef",label:"View",value:this.view,options:m,onOptionSelected:e=>{this.view=e.detail.value}}),this.view==="all"&&i("verdocs-quick-filter",{key:"959f6844e39181e0cddd5f616e13818e5ab47e65",label:"Status",value:this.status,options:g,onOptionSelected:e=>{this.status=e.detail.value}}),this.view==="all"&&i("verdocs-quick-filter",{key:"168930d3039992fc11a6f2715562ecfe714b78f0",label:"Sort By",value:this.sort,options:w,onOptionSelected:e=>{this.sort=e.detail.value}}),this.loading&&i("verdocs-spinner",{key:"541adb9e433da92dc7bdb10a7c0945f98e5afaae",mode:"dark",size:24}),i("div",{key:"2642cb449ab2e21154f18d6b4e7aec445b41a953",style:{display:"flex",flex:"1"}}),this.selectedEnvelopes.length>0&&i("verdocs-button",{key:"98ad50d3aa6859e0415401fd883127fd8b93cc5c",label:`Download (${this.selectedEnvelopes.length})`,onClick:()=>this.handleDownload()})),this.envelopes.map((e=>{var s;const l=n(e);const t=d(this.endpoint.profile,e);const a=l.find((e=>{var s;return e.email===((s=this.endpoint.session)===null||s===void 0?void 0:s.email)||""}));const o=a&&t&&r(((s=this.endpoint.session)===null||s===void 0?void 0:s.email)||"",l);const h=[{label:"View Envelope",id:"view"},{label:"Finish Envelope",id:"finish",disabled:!o},{label:"Download",id:"download"},{label:"Cancel",id:"cancel",disabled:!t}];return i("div",{class:"envelope",key:e.id,onClick:()=>{var s;return(s=this.viewEnvelope)===null||s===void 0?void 0:s.emit({endpoint:this.endpoint,envelope:e})}},i("div",{class:"inner"},i("verdocs-checkbox",{checked:this.selectedEnvelopes.findIndex((s=>s.id===e.id))!==-1,onClick:e=>e.stopPropagation(),onInput:s=>{if(s.target.checked){this.selectedEnvelopes=[...this.selectedEnvelopes,e]}else{this.selectedEnvelopes=this.selectedEnvelopes.filter((s=>s.id!==e.id))}}}),i("div",{class:"vert-spacer"}),i("span",{innerHTML:u,class:"envelope-icon"}),i("div",{class:"envelope-name"},e.name,":  ",i("div",{class:"envelope-recipients"},e.recipients.map((e=>c(e))))),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:h,onOptionSelected:s=>{var i,l;switch(s.detail.id){case"view":(i=this.viewEnvelope)===null||i===void 0?void 0:i.emit({endpoint:this.endpoint,envelope:e});break;case"finish":(l=this.finishEnvelope)===null||l===void 0?void 0:l.emit({endpoint:this.endpoint,envelope:e});break;case"download":this.downloadEnvelope(e);break;case"cancel":if(window.confirm("Are you sure you want to cancel this envelope?")){p(this.endpoint,e.id).then((()=>v("Envelope canceled"))).catch((e=>v("Unable to cancel envelope: "+e.messabge,{style:"error"})));this.queryEnvelopes().catch((()=>{}))}break}}})))})),!this.initiallyLoaded&&i("div",{key:"163ec5137181c5a7349c74502a29696da9e8dcf2",style:{width:"100%"}},o(0,this.rowsPerPage).map((()=>i("div",{class:"envelope-placeholder"})))),this.initiallyLoaded&&!this.envelopes.length&&i("div",{key:"dcfc7cfc78b21072662437b6020ca155ff936334",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"]}}};y.style=b;export{y as verdocs_envelopes_list};
+//# sourceMappingURL=p-923cc826.entry.js.map