@verdocs/web-sdk 2.3.88 → 4.0.5

package/dist/cjs/verdocs-templates-list.cjs.entry.js

@@ -2,14 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-5463795e.js');
-require('./Types-f89f9116.js');
-const VerdocsEndpoint = require('./VerdocsEndpoint-3036bbb7.js');
-const Primitives = require('./Primitives-a59870a2.js');
-const errors = require('./errors-0396da3d.js');
-const index$1 = require('./index-7c19ba1d.js');
+const index = require('./index-cfdfab36.js');
+const jsSdk = require('@verdocs/js-sdk');
+const errors = require('./errors-017fb835.js');
+const index$1 = require('./index-5f130ec0.js');
 
 const verdocsTemplatesListCss = "@-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 VerdocsTemplatesListStyle0 = verdocsTemplatesListCss;
 
 const GlobeAltIcon = `<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 LockClosedIcon = `<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>`;
@@ -19,223 +18,223 @@ const CreatedIcon = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 122.88
 const LastUsedIcon = `<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 UpdatedIcon = `<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 SharingFilters = [
-  { value: 'all', label: 'All' },
-  { value: 'personal', label: 'Personal' },
-  { value: 'shared', label: 'Shared' },
-  { value: 'public', label: 'Public' },
+    { value: 'all', label: 'All' },
+    { value: 'personal', label: 'Personal' },
+    { value: 'shared', label: 'Shared' },
+    { value: 'public', label: 'Public' },
 ];
 const StarredFilters = [
-  { value: 'all', label: 'All' },
-  { value: 'starred', label: 'Starred' },
-  { value: 'unstarred', label: 'Not Starred' },
+    { value: 'all', label: 'All' },
+    { value: 'starred', label: 'Starred' },
+    { value: 'unstarred', label: 'Not Starred' },
 ];
 const SortOptions = [
-  { 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' },
+    { 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 VerdocsTemplatesList = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.sdkError = index.createEvent(this, "sdkError", 7);
-    this.viewTemplate = index.createEvent(this, "viewTemplate", 7);
-    this.signNow = index.createEvent(this, "signNow", 7);
-    this.submittedData = index.createEvent(this, "submittedData", 7);
-    this.editTemplate = index.createEvent(this, "editTemplate", 7);
-    this.templateDeleted = index.createEvent(this, "templateDeleted", 7);
-    this.changeSort = index.createEvent(this, "changeSort", 7);
-    this.changeSharing = index.createEvent(this, "changeSharing", 7);
-    this.changeStarred = index.createEvent(this, "changeStarred", 7);
-    this.changeName = index.createEvent(this, "changeName", 7);
-    this.handleOptionSelected = (option, template) => {
-      var _a, _b, _c, _d;
-      if (option === 'send') {
-        (_a = this.viewTemplate) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, template: template });
-        // } else if (option === 'createlink') {
-        //   VerdocsToast('This feature is coming soon!');
-      }
-      else if (option === 'signnow') {
-        (_b = this.signNow) === null || _b === void 0 ? void 0 : _b.emit({ endpoint: this.endpoint, template: template });
-      }
-      else if (option === 'submitted') {
-        (_c = this.submittedData) === null || _c === void 0 ? void 0 : _c.emit({ endpoint: this.endpoint, template: template });
-        // } else if (option === 'link') {
-        //   VerdocsToast('This feature is coming soon!');
-      }
-      else if (option === 'edit') {
-        (_d = this.editTemplate) === null || _d === void 0 ? void 0 : _d.emit({ endpoint: this.endpoint, template: template });
-      }
-      else if (option === 'delete') {
-        this.confirmDelete = template;
-      }
-    };
-    this.endpoint = VerdocsEndpoint.VerdocsEndpoint.getDefault();
-    this.sharing = 'all';
-    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 = '';
-  }
-  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;
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.sdkError = index.createEvent(this, "sdkError", 7);
+        this.viewTemplate = index.createEvent(this, "viewTemplate", 7);
+        this.signNow = index.createEvent(this, "signNow", 7);
+        this.submittedData = index.createEvent(this, "submittedData", 7);
+        this.editTemplate = index.createEvent(this, "editTemplate", 7);
+        this.templateDeleted = index.createEvent(this, "templateDeleted", 7);
+        this.changeSort = index.createEvent(this, "changeSort", 7);
+        this.changeSharing = index.createEvent(this, "changeSharing", 7);
+        this.changeStarred = index.createEvent(this, "changeStarred", 7);
+        this.changeName = index.createEvent(this, "changeName", 7);
+        this.handleOptionSelected = (option, template) => {
+            var _a, _b, _c, _d;
+            if (option === 'send') {
+                (_a = this.viewTemplate) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, template: template });
+                // } else if (option === 'createlink') {
+                //   VerdocsToast('This feature is coming soon!');
+            }
+            else if (option === 'signnow') {
+                (_b = this.signNow) === null || _b === void 0 ? void 0 : _b.emit({ endpoint: this.endpoint, template: template });
+            }
+            else if (option === 'submitted') {
+                (_c = this.submittedData) === null || _c === void 0 ? void 0 : _c.emit({ endpoint: this.endpoint, template: template });
+                // } else if (option === 'link') {
+                //   VerdocsToast('This feature is coming soon!');
+            }
+            else if (option === 'edit') {
+                (_d = this.editTemplate) === null || _d === void 0 ? void 0 : _d.emit({ endpoint: this.endpoint, template: template });
+            }
+            else if (option === 'delete') {
+                this.confirmDelete = template;
+            }
+        };
+        this.endpoint = jsSdk.VerdocsEndpoint.getDefault();
+        this.sharing = 'all';
+        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 = '';
     }
-  }
-  async componentDidLoad() {
-    await this.queryTemplates();
-    this.initiallyLoaded = true;
-  }
-  async queryTemplates() {
-    var _a, _b, _c;
-    console.log('[TEMPLATES] Querying templates');
-    this.loading = true;
-    try {
-      let queryParams = {
-        // sharing: this.sharing,
-        // starred: this.starred,
-        page: this.selectedPage,
-        // sort: this.sort,
-        rows: this.rowsPerPage,
-        // ascending: this.sort === 'name' || this.sort === 'star_counter',
-      };
-      if (this.name.trim() !== '') {
-        queryParams.q = this.name.trim();
-      }
-      const response = await VerdocsEndpoint.listTemplates(this.endpoint, queryParams);
-      this.templates = response.templates;
-      this.count = response.total;
-      this.loading = false;
+    handleSharingUpdated() {
+        return this.queryTemplates();
     }
-    catch (e) {
-      this.loading = false;
-      console.log('[TEMPLATES] Error listing templates', e);
-      (_a = this.sdkError) === null || _a === void 0 ? void 0 : _a.emit(new errors.SDKError(e.message, (_b = e.response) === null || _b === void 0 ? void 0 : _b.status, (_c = e.response) === null || _c === void 0 ? void 0 : _c.data));
+    handleStarredUpdated() {
+        return this.queryTemplates();
     }
-  }
-  deleteTemplate(template) {
-    this.confirmDelete = null;
-    VerdocsEndpoint.deleteTemplate(this.endpoint, template.id)
-      .then(() => {
-      var _a;
-      console.log('[TEMPLATES] Deleted template', template);
-      (_a = this.templateDeleted) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, template: template });
-      return this.queryTemplates();
-    })
-      .catch(e => {
-      var _a, _b, _c;
-      console.log('[TEMPLATES] Error deleting template', template);
-      (_a = this.sdkError) === null || _a === void 0 ? void 0 : _a.emit(new errors.SDKError(e.message, (_b = e.response) === null || _b === void 0 ? void 0 : _b.status, (_c = e.response) === null || _c === void 0 ? void 0 : _c.data));
-    });
-  }
-  render() {
-    // In addition to the server query we also filter locally. This provides a faster UI update
-    // while the onBlur re-queries the server for any new records that now qualify by the filter.
-    const locallyFilteredTemplates = !this.localNameFilter ? this.templates : this.templates.filter(t => t.name.toLowerCase().includes(this.localNameFilter.toLowerCase()));
-    return (index.h(index.Host, null, index.h("div", { class: "header" }, index.h("div", { class: "filter" }, index.h("verdocs-text-input", { 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 _a;
-        this.name = e.target.value.trim();
-        this.localNameFilter = e.target.value.trim();
-        (_a = this.changeName) === null || _a === void 0 ? void 0 : _a.emit(this.name);
-      } })), index.h("verdocs-quick-filter", { label: "Sharing", value: this.sharing, options: SharingFilters, onOptionSelected: e => {
-        var _a;
-        this.sharing = e.detail.value;
-        (_a = this.changeSharing) === null || _a === void 0 ? void 0 : _a.emit(this.sharing);
-      } }), index.h("verdocs-quick-filter", { label: "Starred", value: this.starred, options: StarredFilters, onOptionSelected: e => {
-        var _a;
-        this.starred = e.detail.value;
-        (_a = this.changeStarred) === null || _a === void 0 ? void 0 : _a.emit(this.starred);
-      } }), index.h("verdocs-quick-filter", { label: "Sort By", value: this.sort, options: SortOptions, onOptionSelected: e => {
-        var _a;
-        this.sort = e.detail.value;
-        (_a = this.changeSort) === null || _a === void 0 ? void 0 : _a.emit(this.sort);
-      } }), this.loading && index.h("verdocs-spinner", { mode: "dark", size: 24 }), index.h("div", { style: { display: 'flex', flex: '1' } })), locallyFilteredTemplates.map(template => {
-      const dateToShow = this.sort === 'created_at' ? 'created_at' : this.sort === 'updated_at' ? 'updated_at' : 'last_used_at';
-      const date = template[dateToShow];
-      const MENU_OPTIONS = [];
-      const allowed_operations = [];
-      // serverless/src/functions/getTemplates.ts:        allowed_operations: [] as string[],
-      // serverless/src/functions/getTemplates.ts:      canPerformTemplateAction(request.session, 'create_personal', record) && record.allowed_operations.push('create_personal');
-      // serverless/src/functions/getTemplates.ts:      canPerformTemplateAction(request.session, 'create_org', record) && record.allowed_operations.push('create_org');
-      // serverless/src/functions/getTemplates.ts:      canPerformTemplateAction(request.session, 'create_public', record) && record.allowed_operations.push('create_public');
-      // serverless/src/functions/getTemplates.ts:      canPerformTemplateAction(request.session, 'read', record) && record.allowed_operations.push('read');
-      // serverless/src/functions/getTemplates.ts:      canPerformTemplateAction(request.session, 'write', record) && record.allowed_operations.push('write');
-      // serverless/src/functions/getTemplates.ts:      canPerformTemplateAction(request.session, 'delete', record) && record.allowed_operations.push('delete');
-      // serverless/src/functions/getTemplates.ts:      canPerformTemplateAction(request.session, 'change_visibility_personal', record) && record.allowed_operations.push('change_visibility_personal');
-      // serverless/src/functions/getTemplates.ts:      canPerformTemplateAction(request.session, 'change_visibility_org', record) && record.allowed_operations.push('change_visibility_org');
-      // serverless/src/functions/getTemplates.ts:      canPerformTemplateAction(request.session, 'change_visibility_public', record) && record.allowed_operations.push('change_visibility_public');
-      if (this.allowedActions.includes('send')) {
-        MENU_OPTIONS.push({ label: 'Preview / Send', id: 'send', disabled: !VerdocsEndpoint.canPerformTemplateAction(this.endpoint.session, 'read', template) });
-      }
-      // if (this.allowedActions.includes('createlink')) {
-      //   MENU_OPTIONS.push({label: 'Create Link', id: 'createlink', disabled: true});
-      // }
-      if (this.allowedActions.includes('signnow')) {
-        MENU_OPTIONS.push({ label: 'Sign Now', id: 'signnow', disabled: true });
-      }
-      if (this.allowedActions.includes('submitted')) {
-        MENU_OPTIONS.push({ label: '' });
-        MENU_OPTIONS.push({ label: 'Submissions', id: 'submitted', disabled: !VerdocsEndpoint.canPerformTemplateAction(this.endpoint.session, 'read', template) });
-      }
-      if (this.allowedActions.includes('link') || this.allowedActions.includes('edit') || this.allowedActions.includes('delete')) {
-        MENU_OPTIONS.push({ label: '' });
-        // TODO: The preview link used to be just an internal route in the main Web application, but
-        // that's not suitable for embeddding. Disabling until this gets re-requested as a feature,
-        // in which case we'll want to move this to an API-driven function.
-        // if (this.allowedActions.includes('link') || this.allowedActions.includes('edit') || this.allowedActions.includes('delete')) {
-        //   MENU_OPTIONS.push({label: 'Get Preview Link', id: 'link', disabled: !this.canPreview(template)});
-        // }
-        if (this.allowedActions.includes('link') || this.allowedActions.includes('edit') || this.allowedActions.includes('delete')) {
-          MENU_OPTIONS.push({ label: 'Edit', id: 'edit', disabled: !allowed_operations.includes(VerdocsEndpoint.TemplateActions.WRITE) });
+    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;
         }
-        if (this.allowedActions.includes('link') || this.allowedActions.includes('edit') || this.allowedActions.includes('delete')) {
-          MENU_OPTIONS.push({ label: 'Delete', id: 'delete', disabled: !allowed_operations.includes(VerdocsEndpoint.TemplateActions.DELETE) });
+    }
+    async componentDidLoad() {
+        await this.queryTemplates();
+        this.initiallyLoaded = true;
+    }
+    async queryTemplates() {
+        var _a, _b, _c;
+        console.log('[TEMPLATES] Querying templates');
+        this.loading = true;
+        try {
+            let queryParams = {
+                // sharing: this.sharing,
+                // starred: this.starred,
+                page: this.selectedPage,
+                // sort: this.sort,
+                rows: this.rowsPerPage,
+                // ascending: this.sort === 'name' || this.sort === 'star_counter',
+            };
+            if (this.name.trim() !== '') {
+                queryParams.q = this.name.trim();
+            }
+            const response = await jsSdk.listTemplates(this.endpoint, queryParams);
+            this.templates = response.templates;
+            this.count = response.total;
+            this.loading = false;
         }
-      }
-      return (index.h("div", { class: "template", onClick: () => {
-          var _a;
-          (_a = this.viewTemplate) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, template });
-        } }, index.h("div", { class: "inner" }, index.h("verdocs-template-star", { template: template, endpoint: this.endpoint }), index.h("div", { class: "spacer icon-spacer" }), index.h("div", { class: "name" }, template.name), index.h("div", { class: "spacer usage-spacer" }), index.h("div", { class: "usage" }, index.h("span", { innerHTML: EnvelopeIcon, title: "Usage Counter" }), template.counter || '--'), index.h("div", { class: "spacer last-used-spacer" }), index.h("div", { class: "last-used" }, dateToShow === 'created_at' && index.h("span", { innerHTML: CreatedIcon, title: "Created" }), dateToShow === 'updated_at' && index.h("span", { innerHTML: UpdatedIcon, title: "Last Updated" }), dateToShow === 'last_used_at' && index.h("span", { innerHTML: LastUsedIcon, title: "Last Used" }), date ? index$1.format(new Date(date), 'P') : 'Never'), index.h("div", { class: "spacer ownership-spacer" }), template.is_public && (index.h("div", { class: "ownership" }, index.h("span", { innerHTML: GlobeAltIcon }), " Public")), !template.is_public && !template.is_personal && (index.h("div", { class: "ownership" }, index.h("span", { innerHTML: LockClosedIcon }), " Private")), !template.is_public && template.is_personal && (index.h("div", { class: "ownership" }, index.h("span", { innerHTML: BuildingOfficeIcon }), " Shared")), index.h("verdocs-dropdown", { options: MENU_OPTIONS, onOptionSelected: e => this.handleOptionSelected(e.detail.id, template) }))));
-    }), !this.initiallyLoaded && (index.h("div", null, Primitives.integerSequence(0, this.rowsPerPage).map(() => (index.h("div", { class: "template-placeholder" }))))), this.initiallyLoaded && !this.templates.length && index.h("div", { class: "empty-text" }, "No matching templates found. Please adjust your filters and try again."), this.initiallyLoaded && this.templates.length && this.showPagination ? (index.h("div", { style: { marginTop: '20px' } }, index.h("verdocs-pagination", { selectedPage: this.selectedPage, perPage: this.rowsPerPage, itemCount: this.count, onSelectPage: e => {
-        this.selectedPage = e.detail.selectedPage;
-      } }))) : (index.h("div", null)), this.confirmDelete && (index.h("verdocs-ok-dialog", { 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"]
-  }; }
+        catch (e) {
+            this.loading = false;
+            console.log('[TEMPLATES] Error listing templates', e);
+            (_a = this.sdkError) === null || _a === void 0 ? void 0 : _a.emit(new errors.SDKError(e.message, (_b = e.response) === null || _b === void 0 ? void 0 : _b.status, (_c = e.response) === null || _c === void 0 ? void 0 : _c.data));
+        }
+    }
+    deleteTemplate(template) {
+        this.confirmDelete = null;
+        jsSdk.deleteTemplate(this.endpoint, template.id)
+            .then(() => {
+            var _a;
+            console.log('[TEMPLATES] Deleted template', template);
+            (_a = this.templateDeleted) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, template: template });
+            return this.queryTemplates();
+        })
+            .catch(e => {
+            var _a, _b, _c;
+            console.log('[TEMPLATES] Error deleting template', template);
+            (_a = this.sdkError) === null || _a === void 0 ? void 0 : _a.emit(new errors.SDKError(e.message, (_b = e.response) === null || _b === void 0 ? void 0 : _b.status, (_c = e.response) === null || _c === void 0 ? void 0 : _c.data));
+        });
+    }
+    render() {
+        // In addition to the server query we also filter locally. This provides a faster UI update
+        // while the onBlur re-queries the server for any new records that now qualify by the filter.
+        const locallyFilteredTemplates = !this.localNameFilter ? this.templates : this.templates.filter(t => t.name.toLowerCase().includes(this.localNameFilter.toLowerCase()));
+        return (index.h(index.Host, { key: 'bebf191a117bcaa2fdf9c04f0ad11b1bb51bfe0a' }, index.h("div", { key: '4f965488f88b32ba4372135a8c69e1c54334681d', class: "header" }, index.h("div", { key: '81d9da459a3694104a59c99c4fc12f1b5de65f12', class: "filter" }, index.h("verdocs-text-input", { key: '1f48c9fcea48ca89bd3129b5c99b284274d0368c', 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 _a;
+                this.name = e.target.value.trim();
+                this.localNameFilter = e.target.value.trim();
+                (_a = this.changeName) === null || _a === void 0 ? void 0 : _a.emit(this.name);
+            } })), index.h("verdocs-quick-filter", { key: '000233a7fc8793d9ace12fc11dbda636fd71028e', label: "Sharing", value: this.sharing, options: SharingFilters, onOptionSelected: e => {
+                var _a;
+                this.sharing = e.detail.value;
+                (_a = this.changeSharing) === null || _a === void 0 ? void 0 : _a.emit(this.sharing);
+            } }), index.h("verdocs-quick-filter", { key: 'e0d6f6ff8d7d6add7352859c9ab3ed38082645c9', label: "Starred", value: this.starred, options: StarredFilters, onOptionSelected: e => {
+                var _a;
+                this.starred = e.detail.value;
+                (_a = this.changeStarred) === null || _a === void 0 ? void 0 : _a.emit(this.starred);
+            } }), index.h("verdocs-quick-filter", { key: 'bc4125163612f3e9e06867052f5e3f644a616dee', label: "Sort By", value: this.sort, options: SortOptions, onOptionSelected: e => {
+                var _a;
+                this.sort = e.detail.value;
+                (_a = this.changeSort) === null || _a === void 0 ? void 0 : _a.emit(this.sort);
+            } }), this.loading && index.h("verdocs-spinner", { key: '4d13c53ac70efcfa24e2e3e1c360cc44717771f1', mode: "dark", size: 24 }), index.h("div", { key: 'f921d5d44e2bda13b52e0d7095225f357f8fa9d5', style: { display: 'flex', flex: '1' } })), locallyFilteredTemplates.map(template => {
+            const dateToShow = this.sort === 'created_at' ? 'created_at' : this.sort === 'updated_at' ? 'updated_at' : 'last_used_at';
+            const date = template[dateToShow];
+            const MENU_OPTIONS = [];
+            const allowed_operations = [];
+            // serverless/src/functions/getTemplates.ts:        allowed_operations: [] as string[],
+            // serverless/src/functions/getTemplates.ts:      canPerformTemplateAction(request.session, 'create_personal', record) && record.allowed_operations.push('create_personal');
+            // serverless/src/functions/getTemplates.ts:      canPerformTemplateAction(request.session, 'create_org', record) && record.allowed_operations.push('create_org');
+            // serverless/src/functions/getTemplates.ts:      canPerformTemplateAction(request.session, 'create_public', record) && record.allowed_operations.push('create_public');
+            // serverless/src/functions/getTemplates.ts:      canPerformTemplateAction(request.session, 'read', record) && record.allowed_operations.push('read');
+            // serverless/src/functions/getTemplates.ts:      canPerformTemplateAction(request.session, 'write', record) && record.allowed_operations.push('write');
+            // serverless/src/functions/getTemplates.ts:      canPerformTemplateAction(request.session, 'delete', record) && record.allowed_operations.push('delete');
+            // serverless/src/functions/getTemplates.ts:      canPerformTemplateAction(request.session, 'change_visibility_personal', record) && record.allowed_operations.push('change_visibility_personal');
+            // serverless/src/functions/getTemplates.ts:      canPerformTemplateAction(request.session, 'change_visibility_org', record) && record.allowed_operations.push('change_visibility_org');
+            // serverless/src/functions/getTemplates.ts:      canPerformTemplateAction(request.session, 'change_visibility_public', record) && record.allowed_operations.push('change_visibility_public');
+            if (this.allowedActions.includes('send')) {
+                MENU_OPTIONS.push({ label: 'Preview / Send', id: 'send', disabled: !jsSdk.canPerformTemplateAction(this.endpoint.session, 'read', template) });
+            }
+            // if (this.allowedActions.includes('createlink')) {
+            //   MENU_OPTIONS.push({label: 'Create Link', id: 'createlink', disabled: true});
+            // }
+            if (this.allowedActions.includes('signnow')) {
+                MENU_OPTIONS.push({ label: 'Sign Now', id: 'signnow', disabled: true });
+            }
+            if (this.allowedActions.includes('submitted')) {
+                MENU_OPTIONS.push({ label: '' });
+                MENU_OPTIONS.push({ label: 'Submissions', id: 'submitted', disabled: !jsSdk.canPerformTemplateAction(this.endpoint.session, 'read', template) });
+            }
+            if (this.allowedActions.includes('link') || this.allowedActions.includes('edit') || this.allowedActions.includes('delete')) {
+                MENU_OPTIONS.push({ label: '' });
+                // TODO: The preview link used to be just an internal route in the main Web application, but
+                // that's not suitable for embeddding. Disabling until this gets re-requested as a feature,
+                // in which case we'll want to move this to an API-driven function.
+                // if (this.allowedActions.includes('link') || this.allowedActions.includes('edit') || this.allowedActions.includes('delete')) {
+                //   MENU_OPTIONS.push({label: 'Get Preview Link', id: 'link', disabled: !this.canPreview(template)});
+                // }
+                if (this.allowedActions.includes('link') || this.allowedActions.includes('edit') || this.allowedActions.includes('delete')) {
+                    MENU_OPTIONS.push({ label: 'Edit', id: 'edit', disabled: !allowed_operations.includes('write') });
+                }
+                if (this.allowedActions.includes('link') || this.allowedActions.includes('edit') || this.allowedActions.includes('delete')) {
+                    MENU_OPTIONS.push({ label: 'Delete', id: 'delete', disabled: !allowed_operations.includes('delete') });
+                }
+            }
+            return (index.h("div", { class: "template", onClick: () => {
+                    var _a;
+                    (_a = this.viewTemplate) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, template });
+                } }, index.h("div", { class: "inner" }, index.h("verdocs-template-star", { template: template, endpoint: this.endpoint }), index.h("div", { class: "spacer icon-spacer" }), index.h("div", { class: "name" }, template.name), index.h("div", { class: "spacer usage-spacer" }), index.h("div", { class: "usage" }, index.h("span", { innerHTML: EnvelopeIcon, title: "Usage Counter" }), template.counter || '--'), index.h("div", { class: "spacer last-used-spacer" }), index.h("div", { class: "last-used" }, dateToShow === 'created_at' && index.h("span", { innerHTML: CreatedIcon, title: "Created" }), dateToShow === 'updated_at' && index.h("span", { innerHTML: UpdatedIcon, title: "Last Updated" }), dateToShow === 'last_used_at' && index.h("span", { innerHTML: LastUsedIcon, title: "Last Used" }), date ? index$1.dateFns.format(new Date(date), 'P') : 'Never'), index.h("div", { class: "spacer ownership-spacer" }), template.is_public && (index.h("div", { class: "ownership" }, index.h("span", { innerHTML: GlobeAltIcon }), " Public")), !template.is_public && !template.is_personal && (index.h("div", { class: "ownership" }, index.h("span", { innerHTML: LockClosedIcon }), " Private")), !template.is_public && template.is_personal && (index.h("div", { class: "ownership" }, index.h("span", { innerHTML: BuildingOfficeIcon }), " Shared")), index.h("verdocs-dropdown", { options: MENU_OPTIONS, onOptionSelected: e => this.handleOptionSelected(e.detail.id, template) }))));
+        }), !this.initiallyLoaded && (index.h("div", { key: '46a1bff9ddae80881dd897e052b223e141afb358' }, jsSdk.integerSequence(0, this.rowsPerPage).map(() => (index.h("div", { class: "template-placeholder" }))))), this.initiallyLoaded && !this.templates.length && index.h("div", { key: 'a9d8f7f6602a0e2c8a447bb0868f097b9d7cb094', class: "empty-text" }, "No matching templates found. Please adjust your filters and try again."), this.initiallyLoaded && this.templates.length && this.showPagination ? (index.h("div", { style: { marginTop: '20px' } }, index.h("verdocs-pagination", { selectedPage: this.selectedPage, perPage: this.rowsPerPage, itemCount: this.count, onSelectPage: e => {
+                this.selectedPage = e.detail.selectedPage;
+            } }))) : (index.h("div", null)), this.confirmDelete && (index.h("verdocs-ok-dialog", { key: 'a94528dd94af77c49c1b8c168c2c82d91003ba31', 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"]
+    }; }
 };
-VerdocsTemplatesList.style = verdocsTemplatesListCss;
+VerdocsTemplatesList.style = VerdocsTemplatesListStyle0;
 
 exports.verdocs_templates_list = VerdocsTemplatesList;

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

@@ -2,28 +2,29 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-5463795e.js');
+const index = require('./index-cfdfab36.js');
 
 const verdocsToggleCss = "@-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-toggle{font-family:\"Inter\", \"Barlow\", sans-serif}verdocs-toggle .container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;background-color:#f5f5fa}verdocs-toggle .label{font-size:24px;font-weight:700;color:#33354c;-ms-flex-item-align:center;align-self:center;margin-right:27px;font-family:sans-serif}verdocs-toggle .buttons{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap}verdocs-toggle .buttons button{width:60px;height:60px;border:2px solid #654dcb;border-radius:5px;cursor:pointer}verdocs-toggle .buttons button:not(:last-child){margin-right:11px}verdocs-toggle .buttons svg{width:30px;height:30px}verdocs-toggle .buttons button:hover{background-color:#654dcb;-webkit-transition:0.25s;transition:0.25s}verdocs-toggle .buttons button:hover svg{fill:#f5f5fa;-webkit-transition:0.25s;transition:0.25s}verdocs-toggle .selected{background-color:#707ae5;-webkit-transition:0.25s;transition:0.25s}verdocs-toggle .selected svg{fill:#ffffff;-webkit-transition:0.25s;transition:0.25s}";
+const VerdocsToggleStyle0 = verdocsToggleCss;
 
 const VerdocsToggle = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.options = undefined;
-    this.theme = undefined;
-    this.selectedOption = 0;
-  }
-  componentWillLoad() {
-    var _a;
-    this.selectedOption = ((_a = this.options) === null || _a === void 0 ? void 0 : _a.defaultSelection) || 0;
-  }
-  render() {
-    return (index.h("div", { class: "container" }, index.h("span", { class: "label" }, `${this.options.label}:`), index.h("div", { class: "buttons" }, this.options.buttons.map((button, index$1) => (index.h("button", { id: button.id, key: button.id, innerHTML: button.icon, class: index$1 === this.selectedOption ? 'selected' : '', onClick: () => {
-        console.log('clicked', index$1);
-        this.selectedOption = index$1;
-      } }))))));
-  }
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.options = undefined;
+        this.theme = undefined;
+        this.selectedOption = 0;
+    }
+    componentWillLoad() {
+        var _a;
+        this.selectedOption = ((_a = this.options) === null || _a === void 0 ? void 0 : _a.defaultSelection) || 0;
+    }
+    render() {
+        return (index.h("div", { key: 'bc1116c5d0c8b9a5096ace164a02c420751cc2ec', class: "container" }, index.h("span", { key: 'e0346b9aabd5e4fbb29c6f5cc897795870f0643e', class: "label" }, `${this.options.label}:`), index.h("div", { key: 'd91de7ce4ad8808f4faaa18b2865c0c4c21f7287', class: "buttons" }, this.options.buttons.map((button, index$1) => (index.h("button", { id: button.id, key: button.id, innerHTML: button.icon, class: index$1 === this.selectedOption ? 'selected' : '', onClick: () => {
+                console.log('clicked', index$1);
+                this.selectedOption = index$1;
+            } }))))));
+    }
 };
-VerdocsToggle.style = verdocsToggleCss;
+VerdocsToggle.style = VerdocsToggleStyle0;
 
 exports.verdocs_toggle = VerdocsToggle;

package/dist/cjs/verdocs-toolbar-icon.cjs.entry.js

@@ -0,0 +1,52 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-cfdfab36.js');
+const popper = require('./popper-31badbf8.js');
+
+const verdocsToolbarIconCss = "@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-toolbar-icon{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;display:inline-block}verdocs-toolbar-icon .icon{display:inline-block;cursor:pointer}verdocs-toolbar-icon .icon svg{fill:#5c6575}verdocs-toolbar-icon .tooltip{display:none;-webkit-box-shadow:0 0 10px 1px #999999;box-shadow:0 0 10px 1px #999999;background:#ffffff;color:#33364b;max-width:240px;font-weight:bold;padding:5px 10px;font-size:13px;position:relative;border-radius:4px;z-index:20000;white-space:nowrap}verdocs-toolbar-icon .tooltip .arrow,verdocs-toolbar-icon .tooltip .arrow::before{position:absolute;width:8px;height:8px;background:inherit}verdocs-toolbar-icon .tooltip .arrow{visibility:hidden;top:-4px}verdocs-toolbar-icon .tooltip .arrow::before{visibility:visible;content:\"\";-webkit-transform:rotate(45deg);transform:rotate(45deg)}verdocs-toolbar-icon .tooltip[data-show]{display:block}verdocs-toolbar-icon .tooltip[data-popper-placement^=top]>.arrow{bottom:-4px}verdocs-toolbar-icon .tooltip[data-popper-placement^=bottom]>.arrow{top:-4px}verdocs-toolbar-icon .tooltip[data-popper-placement^=left]>.arrow{right:-4px}verdocs-toolbar-icon .tooltip[data-popper-placement^=right]>.arrow{left:-4px}verdocs-toolbar-icon .tooltip[data-popper-placement^=left]{padding:3px 10px}verdocs-toolbar-icon .tooltip[data-popper-placement^=left]>.arrow{right:-1px}";
+const VerdocsToolbarIconStyle0 = verdocsToolbarIconCss;
+
+const VerdocsToolbarIcon = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.text = '';
+        this.icon = '';
+        this.placement = 'bottom';
+        this.containerId = `verdocs-toolbar-icon-${Math.random().toString(36).substring(2, 11)}`;
+    }
+    componentDidLoad() {
+        this.popperInstance = popper.createPopper(this.iconEl, this.tooltip, {
+            placement: this.placement,
+            modifiers: this.placement === 'left' ? [{ name: 'offset', options: { offset: [0, 20] } }] : [],
+        });
+        // placement: 'top-end',
+        // modifiers: [{name: 'offset', options: {offset: [0, 10]}}],
+        // });
+    }
+    disconnectedCallback() {
+        if (this.popperInstance) {
+            this.popperInstance.destroy();
+            this.popperInstance = null;
+        }
+    }
+    show() {
+        var _a, _b;
+        (_a = this.tooltip) === null || _a === void 0 ? void 0 : _a.setAttribute('data-show', '');
+        (_b = this.popperInstance) === null || _b === void 0 ? void 0 : _b.update().catch(() => { });
+    }
+    hide() {
+        var _a;
+        (_a = this.tooltip) === null || _a === void 0 ? void 0 : _a.removeAttribute('data-show');
+    }
+    // handlePress() {
+    //   this.press?.emit();
+    // }
+    render() {
+        return (index.h(index.Host, { key: 'c12c9e2593bf281d5c0ce60ebffebf974a4a1afb', class: {} }, index.h("div", { key: '7c03bd3e40eed4fa9966afe926cdc4c490d5a6d7', "aria-describedby": this.containerId, class: "icon", innerHTML: this.icon, onMouseEnter: () => this.show(), onFocus: () => this.show(), onMouseLeave: () => this.hide(), onBlur: () => this.hide(), ref: el => (this.iconEl = el) }), index.h("div", { key: 'd757834d1be057de971a7bcbb47158c9c2182907', id: this.containerId, role: "tooltip", class: "tooltip", "data-popper-placement": this.placement, ref: el => (this.tooltip = el) }, this.text, index.h("div", { key: '0a9e2615fa20a0625b929173dd2705be5165c39a', "data-popper-arrow": "true", class: "arrow" }))));
+    }
+};
+VerdocsToolbarIcon.style = VerdocsToolbarIconStyle0;
+
+exports.verdocs_toolbar_icon = VerdocsToolbarIcon;