@verdocs/web-sdk 4.2.135 → 4.2.137

package/dist/collection/components/templates/verdocs-templates-list/verdocs-templates-list.js

@@ -10,9 +10,9 @@ const EnvelopeIcon = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBo
 const CreatedIcon = `<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 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' },
+const VisibilityFilters = [
+    { value: 'private_shared', label: 'Personal + Shared' },
+    { value: 'private', label: 'Personal' },
     { value: 'shared', label: 'Shared' },
     { value: 'public', label: 'Public' },
 ];
@@ -57,7 +57,7 @@ export class VerdocsTemplatesList {
             }
         };
         this.endpoint = VerdocsEndpoint.getDefault();
-        this.sharing = 'all';
+        this.visibility = 'private_shared';
         this.starred = 'all';
         this.sort = 'updated_at';
         this.name = '';
@@ -104,7 +104,7 @@ export class VerdocsTemplatesList {
         this.loading = true;
         try {
             let queryParams = {
-                // sharing: this.sharing,
+                visibility: this.visibility,
                 // starred: this.starred,
                 page: this.selectedPage,
                 // sort: this.sort,
@@ -144,24 +144,24 @@ export class VerdocsTemplatesList {
         // 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 (h(Host, { key: '898a88f10e4db5a0478c10370b9560e9ec2d2e25' }, h("div", { key: 'c4c2a4a0bff5ab4ca103377ae08d376b0951f9b6', class: "header" }, h("div", { key: '20f158444d4b919126800d546a54834128f7a44d', class: "filter" }, h("verdocs-text-input", { key: 'dbe2cbff9289957b4fd1ab37664d8c465502fb2e', 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) => {
+        return (h(Host, { key: 'df2f80ba1899611e07046635844fd1e4a2bd801f' }, h("div", { key: '0560522cb614307dfe4c6125faf9c183e510adc8', class: "header" }, h("div", { key: 'd0490c7d5a610b8b780762dfbc5a141c0799b7d7', class: "filter" }, h("verdocs-text-input", { key: '44b9c9e7429b377b0ed52b9404b6f3d61af8efb0', 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);
-            } })), h("verdocs-quick-filter", { key: '5fde3481a06af0d8fb407754178762d03dbeb2f2', label: "Sharing", value: this.sharing, options: SharingFilters, onOptionSelected: e => {
+            } })), h("verdocs-quick-filter", { key: '72bebecb5ae71d1668df2c095fedba131794a1da', label: "Visibility", value: this.visibility, options: VisibilityFilters, onOptionSelected: e => {
                 var _a;
-                this.sharing = e.detail.value;
-                (_a = this.changeSharing) === null || _a === void 0 ? void 0 : _a.emit(this.sharing);
-            } }), h("verdocs-quick-filter", { key: 'a712ec2f941b30700b8fc8becd6e97d7be1311e2', label: "Starred", value: this.starred, options: StarredFilters, onOptionSelected: e => {
+                this.visibility = e.detail.value;
+                (_a = this.changeVisibility) === null || _a === void 0 ? void 0 : _a.emit(this.visibility);
+            } }), h("verdocs-quick-filter", { key: '79af88bb274bdfe78799ecbd8df43823d3e87eb1', 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);
-            } }), h("verdocs-quick-filter", { key: '593d4b27e4939583864c799b77a7b3a81c99b2f0', label: "Sort By", value: this.sort, options: SortOptions, onOptionSelected: e => {
+            } }), h("verdocs-quick-filter", { key: '107623692057664e0b42892cab4256df8e274f1f', 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 && h("verdocs-spinner", { key: '6ee3d50355dabbd44a89b38f8239470a18ac9fa8', mode: "dark", size: 24 }), h("div", { key: 'd7601f4897a5322d0bd09e579c54de2a183fd622', style: { display: 'flex', flex: '1' } })), locallyFilteredTemplates.map(template => {
+            } }), this.loading && h("verdocs-spinner", { key: '1982cc9021bf92da53e2b4a6dc0814039a9fa70a', mode: "dark", size: 24 }), h("div", { key: '581288dea09d793a050c192fc472041138b205dc', 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 = [];
@@ -208,9 +208,9 @@ export class VerdocsTemplatesList {
                     var _a;
                     (_a = this.viewTemplate) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, template });
                 } }, h("div", { class: "inner" }, h("verdocs-template-star", { template: template, endpoint: this.endpoint }), h("div", { class: "spacer icon-spacer" }), h("div", { class: "name" }, template.name), h("div", { class: "spacer usage-spacer" }), h("div", { class: "usage" }, h("span", { innerHTML: EnvelopeIcon, title: "Usage Counter" }), template.counter || '--'), h("div", { class: "spacer last-used-spacer" }), h("div", { class: "last-used" }, dateToShow === 'created_at' && h("span", { innerHTML: CreatedIcon, title: "Created" }), dateToShow === 'updated_at' && h("span", { innerHTML: UpdatedIcon, title: "Last Updated" }), dateToShow === 'last_used_at' && h("span", { innerHTML: LastUsedIcon, title: "Last Used" }), date ? format(new Date(date), 'P') : 'Never'), h("div", { class: "spacer ownership-spacer" }), template.is_public && (h("div", { class: "ownership" }, h("span", { innerHTML: GlobeAltIcon }), " Public")), !template.is_public && !template.is_personal && (h("div", { class: "ownership" }, h("span", { innerHTML: LockClosedIcon }), " Private")), !template.is_public && template.is_personal && (h("div", { class: "ownership" }, h("span", { innerHTML: BuildingOfficeIcon }), " Shared")), h("verdocs-dropdown", { options: MENU_OPTIONS, onOptionSelected: e => this.handleOptionSelected(e.detail.id, template) }))));
-        }), !this.initiallyLoaded && (h("div", { key: '8a712cf07d27722804ffa0984e2860b07e148e96' }, integerSequence(0, this.rowsPerPage).map(() => (h("div", { class: "template-placeholder" }))))), this.initiallyLoaded && !this.templates.length && h("div", { key: '41d59dffca16ffcfe601a06ac85d85534b02a415', class: "empty-text" }, "No matching templates found. Please adjust your filters and try again."), this.initiallyLoaded && this.templates.length && this.showPagination ? (h("div", { style: { marginTop: '20px' } }, h("verdocs-pagination", { selectedPage: this.selectedPage, perPage: this.rowsPerPage, itemCount: this.count, onSelectPage: e => {
+        }), !this.initiallyLoaded && (h("div", { key: '02ce593d239cb477eedbfc172e33e3e9f3e9c27e' }, integerSequence(0, this.rowsPerPage).map(() => (h("div", { class: "template-placeholder" }))))), this.initiallyLoaded && !this.templates.length && h("div", { key: 'b77da1610613c37b725466e1d1613ab8ad625df0', class: "empty-text" }, "No matching templates found. Please adjust your filters and try again."), this.initiallyLoaded && this.templates.length && this.showPagination ? (h("div", { style: { marginTop: '20px' } }, h("verdocs-pagination", { selectedPage: this.selectedPage, perPage: this.rowsPerPage, itemCount: this.count, onSelectPage: e => {
                 this.selectedPage = e.detail.selectedPage;
-            } }))) : (h("div", null)), this.confirmDelete && (h("verdocs-ok-dialog", { key: '8a42405881f456dac853d2bb382277e4c7e7f0b7', heading: "Delete this Template?", message: "This operation cannot be undone.", onNext: () => this.deleteTemplate(this.confirmDelete), onExit: () => (this.confirmDelete = null), showCancel: true }))));
+            } }))) : (h("div", null)), this.confirmDelete && (h("verdocs-ok-dialog", { key: 'b90a1e4a606e46659065a0de6c492213b0e31260', heading: "Delete this Template?", message: "This operation cannot be undone.", onNext: () => this.deleteTemplate(this.confirmDelete), onExit: () => (this.confirmDelete = null), showCancel: true }))));
     }
     static get is() { return "verdocs-templates-list"; }
     static get originalStyleUrls() {
@@ -247,12 +247,12 @@ export class VerdocsTemplatesList {
                 },
                 "defaultValue": "VerdocsEndpoint.getDefault()"
             },
-            "sharing": {
+            "visibility": {
                 "type": "string",
                 "mutable": true,
                 "complexType": {
-                    "original": "'all' | 'personal' | 'shared' | 'public'",
-                    "resolved": "\"all\" | \"personal\" | \"public\" | \"shared\"",
+                    "original": "'private_shared' | 'private' | 'shared' | 'public'",
+                    "resolved": "\"private\" | \"private_shared\" | \"public\" | \"shared\"",
                     "references": {}
                 },
                 "required": false,
@@ -261,9 +261,9 @@ export class VerdocsTemplatesList {
                     "tags": [],
                     "text": "The sharing settings to filter by."
                 },
-                "attribute": "sharing",
+                "attribute": "visibility",
                 "reflect": true,
-                "defaultValue": "'all'"
+                "defaultValue": "'private_shared'"
             },
             "starred": {
                 "type": "string",
@@ -575,8 +575,8 @@ export class VerdocsTemplatesList {
                     "references": {}
                 }
             }, {
-                "method": "changeSharing",
-                "name": "changeSharing",
+                "method": "changeVisibility",
+                "name": "changeVisibility",
                 "bubbles": true,
                 "cancelable": true,
                 "composed": true,
@@ -585,8 +585,8 @@ export class VerdocsTemplatesList {
                     "text": "Event fired when the user changes their sort order. Host applications can use this to save the user's preferences."
                 },
                 "complexType": {
-                    "original": "'all' | 'personal' | 'shared' | 'public'",
-                    "resolved": "\"all\" | \"personal\" | \"public\" | \"shared\"",
+                    "original": "'private_shared' | 'private' | 'shared' | 'public'",
+                    "resolved": "\"private\" | \"private_shared\" | \"public\" | \"shared\"",
                     "references": {}
                 }
             }, {

package/dist/collection/utils/TemplateStore.js

@@ -14,7 +14,7 @@ const createTemplateStore = (templateId) => {
         id: templateId,
         name: '',
         description: '',
-        sender: 'creator',
+        sender: 'envelope_creator',
         profile_id: '',
         organization_id: '',
         counter: 0,

package/dist/components/TemplateStore.js

@@ -15,7 +15,7 @@ const createTemplateStore = (templateId) => {
         id: templateId,
         name: '',
         description: '',
-        sender: 'creator',
+        sender: 'envelope_creator',
         profile_id: '',
         organization_id: '',
         counter: 0,

package/dist/components/index.js

@@ -58,7 +58,6 @@ import { VerdocsTemplateFields } from './verdocs-template-fields.js';
 import { VerdocsTemplateName } from './verdocs-template-name.js';
 import { VerdocsTemplateRoleProperties } from './verdocs-template-role-properties.js';
 import { VerdocsTemplateRoles } from './verdocs-template-roles.js';
-import { VerdocsTemplateSender } from './verdocs-template-sender.js';
 import { VerdocsTemplateStar } from './verdocs-template-star.js';
 import { VerdocsTemplateTags } from './verdocs-template-tags.js';
 import { VerdocsTemplateVisibility } from './verdocs-template-visibility.js';
@@ -134,7 +133,6 @@ const defineCustomElements = (opts) => {
             VerdocsTemplateName,
             VerdocsTemplateRoleProperties,
             VerdocsTemplateRoles,
-            VerdocsTemplateSender,
             VerdocsTemplateStar,
             VerdocsTemplateTags,
             VerdocsTemplateVisibility,

package/dist/components/verdocs-build.js

@@ -2,45 +2,43 @@ import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/
 import { VerdocsEndpoint } from '@verdocs/js-sdk';
 import { g as getTemplateStore } from './TemplateStore.js';
 import { S as SDKError } from './errors.js';
-import { d as defineCustomElement$J } from './verdocs-button2.js';
-import { d as defineCustomElement$I } from './verdocs-button-panel2.js';
-import { d as defineCustomElement$H } from './verdocs-checkbox2.js';
-import { d as defineCustomElement$G } from './verdocs-component-error2.js';
-import { d as defineCustomElement$F } from './verdocs-contact-picker2.js';
-import { d as defineCustomElement$E } from './verdocs-field-attachment2.js';
-import { d as defineCustomElement$D } from './verdocs-field-checkbox2.js';
-import { d as defineCustomElement$C } from './verdocs-field-date2.js';
-import { d as defineCustomElement$B } from './verdocs-field-dropdown2.js';
-import { d as defineCustomElement$A } from './verdocs-field-initial2.js';
-import { d as defineCustomElement$z } from './verdocs-field-radio2.js';
-import { d as defineCustomElement$y } from './verdocs-field-signature2.js';
-import { d as defineCustomElement$x } from './verdocs-field-textarea2.js';
-import { d as defineCustomElement$w } from './verdocs-field-textbox2.js';
-import { d as defineCustomElement$v } from './verdocs-field-timestamp2.js';
-import { d as defineCustomElement$u } from './verdocs-file-chooser2.js';
-import { d as defineCustomElement$t } from './verdocs-help-icon2.js';
-import { d as defineCustomElement$s } from './verdocs-initial-dialog2.js';
-import { d as defineCustomElement$r } from './verdocs-loader2.js';
-import { d as defineCustomElement$q } from './verdocs-ok-dialog2.js';
-import { d as defineCustomElement$p } from './verdocs-portal2.js';
-import { d as defineCustomElement$o } from './verdocs-preview2.js';
-import { d as defineCustomElement$n } from './verdocs-progress-bar2.js';
-import { d as defineCustomElement$m } from './verdocs-radio-button2.js';
-import { d as defineCustomElement$l } from './verdocs-select-input2.js';
-import { d as defineCustomElement$k } from './verdocs-send2.js';
-import { d as defineCustomElement$j } from './verdocs-signature-dialog2.js';
-import { d as defineCustomElement$i } from './verdocs-spinner2.js';
-import { d as defineCustomElement$h } from './verdocs-tabs2.js';
-import { d as defineCustomElement$g } from './verdocs-template-attachments2.js';
-import { d as defineCustomElement$f } from './verdocs-template-build-tabs2.js';
-import { d as defineCustomElement$e } from './verdocs-template-create2.js';
-import { d as defineCustomElement$d } from './verdocs-template-document-page2.js';
-import { d as defineCustomElement$c } from './verdocs-template-field-properties2.js';
-import { d as defineCustomElement$b } from './verdocs-template-fields2.js';
-import { d as defineCustomElement$a } from './verdocs-template-name2.js';
-import { d as defineCustomElement$9 } from './verdocs-template-role-properties2.js';
-import { d as defineCustomElement$8 } from './verdocs-template-roles2.js';
-import { d as defineCustomElement$7 } from './verdocs-template-sender2.js';
+import { d as defineCustomElement$H } from './verdocs-button2.js';
+import { d as defineCustomElement$G } from './verdocs-button-panel2.js';
+import { d as defineCustomElement$F } from './verdocs-checkbox2.js';
+import { d as defineCustomElement$E } from './verdocs-component-error2.js';
+import { d as defineCustomElement$D } from './verdocs-contact-picker2.js';
+import { d as defineCustomElement$C } from './verdocs-field-attachment2.js';
+import { d as defineCustomElement$B } from './verdocs-field-checkbox2.js';
+import { d as defineCustomElement$A } from './verdocs-field-date2.js';
+import { d as defineCustomElement$z } from './verdocs-field-dropdown2.js';
+import { d as defineCustomElement$y } from './verdocs-field-initial2.js';
+import { d as defineCustomElement$x } from './verdocs-field-radio2.js';
+import { d as defineCustomElement$w } from './verdocs-field-signature2.js';
+import { d as defineCustomElement$v } from './verdocs-field-textarea2.js';
+import { d as defineCustomElement$u } from './verdocs-field-textbox2.js';
+import { d as defineCustomElement$t } from './verdocs-field-timestamp2.js';
+import { d as defineCustomElement$s } from './verdocs-file-chooser2.js';
+import { d as defineCustomElement$r } from './verdocs-help-icon2.js';
+import { d as defineCustomElement$q } from './verdocs-initial-dialog2.js';
+import { d as defineCustomElement$p } from './verdocs-loader2.js';
+import { d as defineCustomElement$o } from './verdocs-ok-dialog2.js';
+import { d as defineCustomElement$n } from './verdocs-portal2.js';
+import { d as defineCustomElement$m } from './verdocs-preview2.js';
+import { d as defineCustomElement$l } from './verdocs-progress-bar2.js';
+import { d as defineCustomElement$k } from './verdocs-select-input2.js';
+import { d as defineCustomElement$j } from './verdocs-send2.js';
+import { d as defineCustomElement$i } from './verdocs-signature-dialog2.js';
+import { d as defineCustomElement$h } from './verdocs-spinner2.js';
+import { d as defineCustomElement$g } from './verdocs-tabs2.js';
+import { d as defineCustomElement$f } from './verdocs-template-attachments2.js';
+import { d as defineCustomElement$e } from './verdocs-template-build-tabs2.js';
+import { d as defineCustomElement$d } from './verdocs-template-create2.js';
+import { d as defineCustomElement$c } from './verdocs-template-document-page2.js';
+import { d as defineCustomElement$b } from './verdocs-template-field-properties2.js';
+import { d as defineCustomElement$a } from './verdocs-template-fields2.js';
+import { d as defineCustomElement$9 } from './verdocs-template-name2.js';
+import { d as defineCustomElement$8 } from './verdocs-template-role-properties2.js';
+import { d as defineCustomElement$7 } from './verdocs-template-roles2.js';
 import { d as defineCustomElement$6 } from './verdocs-template-visibility2.js';
 import { d as defineCustomElement$5 } from './verdocs-text-input2.js';
 import { d as defineCustomElement$4 } from './verdocs-toggle-button2.js';
@@ -170,7 +168,7 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["verdocs-build", "verdocs-button", "verdocs-button-panel", "verdocs-checkbox", "verdocs-component-error", "verdocs-contact-picker", "verdocs-field-attachment", "verdocs-field-checkbox", "verdocs-field-date", "verdocs-field-dropdown", "verdocs-field-initial", "verdocs-field-radio", "verdocs-field-signature", "verdocs-field-textarea", "verdocs-field-textbox", "verdocs-field-timestamp", "verdocs-file-chooser", "verdocs-help-icon", "verdocs-initial-dialog", "verdocs-loader", "verdocs-ok-dialog", "verdocs-portal", "verdocs-preview", "verdocs-progress-bar", "verdocs-radio-button", "verdocs-select-input", "verdocs-send", "verdocs-signature-dialog", "verdocs-spinner", "verdocs-tabs", "verdocs-template-attachments", "verdocs-template-build-tabs", "verdocs-template-create", "verdocs-template-document-page", "verdocs-template-field-properties", "verdocs-template-fields", "verdocs-template-name", "verdocs-template-role-properties", "verdocs-template-roles", "verdocs-template-sender", "verdocs-template-visibility", "verdocs-text-input", "verdocs-toggle-button", "verdocs-toolbar-icon", "verdocs-upload-dialog"];
+    const components = ["verdocs-build", "verdocs-button", "verdocs-button-panel", "verdocs-checkbox", "verdocs-component-error", "verdocs-contact-picker", "verdocs-field-attachment", "verdocs-field-checkbox", "verdocs-field-date", "verdocs-field-dropdown", "verdocs-field-initial", "verdocs-field-radio", "verdocs-field-signature", "verdocs-field-textarea", "verdocs-field-textbox", "verdocs-field-timestamp", "verdocs-file-chooser", "verdocs-help-icon", "verdocs-initial-dialog", "verdocs-loader", "verdocs-ok-dialog", "verdocs-portal", "verdocs-preview", "verdocs-progress-bar", "verdocs-select-input", "verdocs-send", "verdocs-signature-dialog", "verdocs-spinner", "verdocs-tabs", "verdocs-template-attachments", "verdocs-template-build-tabs", "verdocs-template-create", "verdocs-template-document-page", "verdocs-template-field-properties", "verdocs-template-fields", "verdocs-template-name", "verdocs-template-role-properties", "verdocs-template-roles", "verdocs-template-visibility", "verdocs-text-input", "verdocs-toggle-button", "verdocs-toolbar-icon", "verdocs-upload-dialog"];
     components.forEach(tagName => { switch (tagName) {
         case "verdocs-build":
             if (!customElements.get(tagName)) {
@@ -178,196 +176,186 @@ function defineCustomElement$1() {
             }
             break;
         case "verdocs-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$J();
-            }
-            break;
-        case "verdocs-button-panel":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$I();
-            }
-            break;
-        case "verdocs-checkbox":
             if (!customElements.get(tagName)) {
                 defineCustomElement$H();
             }
             break;
-        case "verdocs-component-error":
+        case "verdocs-button-panel":
             if (!customElements.get(tagName)) {
                 defineCustomElement$G();
             }
             break;
-        case "verdocs-contact-picker":
+        case "verdocs-checkbox":
             if (!customElements.get(tagName)) {
                 defineCustomElement$F();
             }
             break;
-        case "verdocs-field-attachment":
+        case "verdocs-component-error":
             if (!customElements.get(tagName)) {
                 defineCustomElement$E();
             }
             break;
-        case "verdocs-field-checkbox":
+        case "verdocs-contact-picker":
             if (!customElements.get(tagName)) {
                 defineCustomElement$D();
             }
             break;
-        case "verdocs-field-date":
+        case "verdocs-field-attachment":
             if (!customElements.get(tagName)) {
                 defineCustomElement$C();
             }
             break;
-        case "verdocs-field-dropdown":
+        case "verdocs-field-checkbox":
             if (!customElements.get(tagName)) {
                 defineCustomElement$B();
             }
             break;
-        case "verdocs-field-initial":
+        case "verdocs-field-date":
             if (!customElements.get(tagName)) {
                 defineCustomElement$A();
             }
             break;
-        case "verdocs-field-radio":
+        case "verdocs-field-dropdown":
             if (!customElements.get(tagName)) {
                 defineCustomElement$z();
             }
             break;
-        case "verdocs-field-signature":
+        case "verdocs-field-initial":
             if (!customElements.get(tagName)) {
                 defineCustomElement$y();
             }
             break;
-        case "verdocs-field-textarea":
+        case "verdocs-field-radio":
             if (!customElements.get(tagName)) {
                 defineCustomElement$x();
             }
             break;
-        case "verdocs-field-textbox":
+        case "verdocs-field-signature":
             if (!customElements.get(tagName)) {
                 defineCustomElement$w();
             }
             break;
-        case "verdocs-field-timestamp":
+        case "verdocs-field-textarea":
             if (!customElements.get(tagName)) {
                 defineCustomElement$v();
             }
             break;
-        case "verdocs-file-chooser":
+        case "verdocs-field-textbox":
             if (!customElements.get(tagName)) {
                 defineCustomElement$u();
             }
             break;
-        case "verdocs-help-icon":
+        case "verdocs-field-timestamp":
             if (!customElements.get(tagName)) {
                 defineCustomElement$t();
             }
             break;
-        case "verdocs-initial-dialog":
+        case "verdocs-file-chooser":
             if (!customElements.get(tagName)) {
                 defineCustomElement$s();
             }
             break;
-        case "verdocs-loader":
+        case "verdocs-help-icon":
             if (!customElements.get(tagName)) {
                 defineCustomElement$r();
             }
             break;
-        case "verdocs-ok-dialog":
+        case "verdocs-initial-dialog":
             if (!customElements.get(tagName)) {
                 defineCustomElement$q();
             }
             break;
-        case "verdocs-portal":
+        case "verdocs-loader":
             if (!customElements.get(tagName)) {
                 defineCustomElement$p();
             }
             break;
-        case "verdocs-preview":
+        case "verdocs-ok-dialog":
             if (!customElements.get(tagName)) {
                 defineCustomElement$o();
             }
             break;
-        case "verdocs-progress-bar":
+        case "verdocs-portal":
             if (!customElements.get(tagName)) {
                 defineCustomElement$n();
             }
             break;
-        case "verdocs-radio-button":
+        case "verdocs-preview":
             if (!customElements.get(tagName)) {
                 defineCustomElement$m();
             }
             break;
-        case "verdocs-select-input":
+        case "verdocs-progress-bar":
             if (!customElements.get(tagName)) {
                 defineCustomElement$l();
             }
             break;
-        case "verdocs-send":
+        case "verdocs-select-input":
             if (!customElements.get(tagName)) {
                 defineCustomElement$k();
             }
             break;
-        case "verdocs-signature-dialog":
+        case "verdocs-send":
             if (!customElements.get(tagName)) {
                 defineCustomElement$j();
             }
             break;
-        case "verdocs-spinner":
+        case "verdocs-signature-dialog":
             if (!customElements.get(tagName)) {
                 defineCustomElement$i();
             }
             break;
-        case "verdocs-tabs":
+        case "verdocs-spinner":
             if (!customElements.get(tagName)) {
                 defineCustomElement$h();
             }
             break;
-        case "verdocs-template-attachments":
+        case "verdocs-tabs":
             if (!customElements.get(tagName)) {
                 defineCustomElement$g();
             }
             break;
-        case "verdocs-template-build-tabs":
+        case "verdocs-template-attachments":
             if (!customElements.get(tagName)) {
                 defineCustomElement$f();
             }
             break;
-        case "verdocs-template-create":
+        case "verdocs-template-build-tabs":
             if (!customElements.get(tagName)) {
                 defineCustomElement$e();
             }
             break;
-        case "verdocs-template-document-page":
+        case "verdocs-template-create":
             if (!customElements.get(tagName)) {
                 defineCustomElement$d();
             }
             break;
-        case "verdocs-template-field-properties":
+        case "verdocs-template-document-page":
             if (!customElements.get(tagName)) {
                 defineCustomElement$c();
             }
             break;
-        case "verdocs-template-fields":
+        case "verdocs-template-field-properties":
             if (!customElements.get(tagName)) {
                 defineCustomElement$b();
             }
             break;
-        case "verdocs-template-name":
+        case "verdocs-template-fields":
             if (!customElements.get(tagName)) {
                 defineCustomElement$a();
             }
             break;
-        case "verdocs-template-role-properties":
+        case "verdocs-template-name":
             if (!customElements.get(tagName)) {
                 defineCustomElement$9();
             }
             break;
-        case "verdocs-template-roles":
+        case "verdocs-template-role-properties":
             if (!customElements.get(tagName)) {
                 defineCustomElement$8();
             }
             break;
-        case "verdocs-template-sender":
+        case "verdocs-template-roles":
             if (!customElements.get(tagName)) {
                 defineCustomElement$7();
             }

package/dist/components/verdocs-radio-button.js

@@ -1,4 +1,40 @@
-import { V as VerdocsRadioButton$1, d as defineCustomElement$1 } from './verdocs-radio-button2.js';
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+
+const verdocsRadioButtonCss = "@-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-radio-button{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;width:20px;height:20px;display:block;font-size:11px;position:relative;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left;border-radius:100%}verdocs-radio-button.disabled{opacity:0.5}verdocs-radio-button input[type=radio]{position:absolute;opacity:0}verdocs-radio-button input[type=radio]+label:before{content:\"\";background:#f5f5fa;border-radius:100%;border:1px solid rgba(0, 0, 0, 0.6);display:inline-block;width:16px;height:16px;position:absolute;left:1px;top:1px;cursor:pointer;text-align:center;-webkit-transition:all 250ms ease;transition:all 250ms ease}verdocs-radio-button input[type=radio]:checked+label:before{background-color:#55bc81;-webkit-box-shadow:inset 0 0 0 2px #f5f5fa;box-shadow:inset 0 0 0 2px #f5f5fa}verdocs-radio-button input[type=radio]:focus+label:before{outline:none;border-color:#55bc81}verdocs-radio-button input[type=radio]:disabled+label:before{-webkit-box-shadow:inset 0 0 0 4px #f5f5fa;box-shadow:inset 0 0 0 4px #f5f5fa;border-color:#a0a0d0;background:#a0a0d0}verdocs-radio-button input[type=radio]+label:empty:before{margin-right:0}verdocs-radio-button.required input[type=radio]+label:before{border:1px solid #cc0000}verdocs-radio-button.hide{display:none}verdocs-radio-button.focused{-webkit-animation:verdocs-field-pulse 0.75s 2;animation:verdocs-field-pulse 0.75s 2}";
+const VerdocsRadioButtonStyle0 = verdocsRadioButtonCss;
+
+const VerdocsRadioButton$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsRadioButton extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.checked = false;
+        this.name = '';
+        this.value = '';
+        this.disabled = false;
+    }
+    render() {
+        return (h(Host, { key: 'b8dc5d8e34deeaf6d67f8b38bcf485a66e6fe8c8', class: { disabled: this.disabled } }, h("input", { key: '5e03859b9d3082add93aeba0eb626d8f41988f1c', type: "radio", value: this.value, name: this.name, id: `verdocs-radio-button-${this.name}-${this.value}`, checked: this.checked, disabled: this.disabled }), h("label", { key: '4caa876b9138003b5ff7d576fdc32fcf62858bca', htmlFor: `verdocs-radio-button-${this.name}-${this.value}` })));
+    }
+    static get style() { return VerdocsRadioButtonStyle0; }
+}, [0, "verdocs-radio-button", {
+        "checked": [4],
+        "name": [1],
+        "value": [1],
+        "disabled": [4]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["verdocs-radio-button"];
+    components.forEach(tagName => { switch (tagName) {
+        case "verdocs-radio-button":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, VerdocsRadioButton$1);
+            }
+            break;
+    } });
+}
 
 const VerdocsRadioButton = VerdocsRadioButton$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-template-create2.js

@@ -7,7 +7,7 @@ import { d as defineCustomElement$3 } from './verdocs-component-error2.js';
 import { d as defineCustomElement$2 } from './verdocs-loader2.js';
 import { d as defineCustomElement$1 } from './verdocs-progress-bar2.js';
 
-const verdocsTemplateCreateCss = "@-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-create{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif}verdocs-template-create form{background-color:#ffffff;padding:12px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}verdocs-template-create form .upload-box{-webkit-box-sizing:border-box;box-sizing:border-box;width:320px;text-align:center;padding:44px 18px 66px;border:2px dashed #979797;color:rgba(0, 0, 0, 0.54)}verdocs-template-create form .upload-box.drag-over{border:2px solid #4c56cb}verdocs-template-create form .upload-box svg{width:64px;fill:#5c6575}verdocs-template-create p{color:#33364b;margin-top:20px;font-size:18px;font-weight:500;overflow-wrap:anywhere}verdocs-template-create p.subscript{color:#5c6575;font-size:14px}verdocs-template-create .loader-wrapper{background-color:#ffffff;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;width:320px;height:320px;text-align:center;border:2px dashed #979797;-ms-flex-pack:end;justify-content:flex-end}verdocs-template-create .progress-wrapper{padding:20px}verdocs-template-create .buttons{display:-ms-flexbox;display:flex;-webkit-column-gap:8px;-moz-column-gap:8px;column-gap:8px;margin-top:16px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end}verdocs-template-create .buttons .flex-fill{-ms-flex:1;flex:1}verdocs-template-create ::-webkit-input-placeholder{color:#aaaaaa}verdocs-template-create ::-moz-placeholder{color:#aaaaaa}verdocs-template-create :-ms-input-placeholder{color:#aaaaaa}verdocs-template-create ::-ms-input-placeholder{color:#aaaaaa}verdocs-template-create ::placeholder{color:#aaaaaa}verdocs-template-create .error{margin:20px 0;color:#cc0000}";
+const verdocsTemplateCreateCss = "@-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-create{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif}verdocs-template-create form{background-color:#ffffff;padding:12px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}verdocs-template-create form .upload-box{-webkit-box-sizing:border-box;box-sizing:border-box;width:320px;text-align:center;padding:44px 18px 66px;border:2px dashed #979797;color:rgba(0, 0, 0, 0.54)}verdocs-template-create form .upload-box.drag-over{border:2px solid #4c56cb}verdocs-template-create form .upload-box svg{width:64px;fill:#5c6575}verdocs-template-create p{color:#33364b;margin-top:20px;font-size:18px;font-weight:500;overflow-wrap:anywhere}verdocs-template-create p.subscript{color:#5c6575;font-size:14px;margin:20px}verdocs-template-create .loader-wrapper{background-color:#ffffff;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;width:320px;height:320px;text-align:center;border:2px dashed #979797;-ms-flex-pack:end;justify-content:flex-end}verdocs-template-create .progress-wrapper{padding:20px}verdocs-template-create .buttons{display:-ms-flexbox;display:flex;-webkit-column-gap:8px;-moz-column-gap:8px;column-gap:8px;margin-top:16px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end}verdocs-template-create .buttons .flex-fill{-ms-flex:1;flex:1}verdocs-template-create ::-webkit-input-placeholder{color:#aaaaaa}verdocs-template-create ::-moz-placeholder{color:#aaaaaa}verdocs-template-create :-ms-input-placeholder{color:#aaaaaa}verdocs-template-create ::-ms-input-placeholder{color:#aaaaaa}verdocs-template-create ::placeholder{color:#aaaaaa}verdocs-template-create .error{margin:20px 0;color:#cc0000}";
 const VerdocsTemplateCreateStyle0 = verdocsTemplateCreateCss;
 
 const FileIcon = '<svg focusable="false" aria-hidden="true" viewBox="0 0 24 24"><path d="M6 2c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6H6zm7 7V3.5L18.5 9H13z"></path></svg>';
@@ -103,6 +103,9 @@ const VerdocsTemplateCreate = /*@__PURE__*/ proxyCustomElement(class VerdocsTemp
                 e.preventDefault();
                 e.target.classList.remove('drag-over');
                 this.file = e.dataTransfer.files[0];
+                if (this.file.size > this.maxSize) {
+                    this.errorMessage = 'Total file size must not exceed 20MB.';
+                }
             }, onDragOver: (e) => {
                 e.preventDefault();
                 e.dataTransfer.dropEffect = 'copy';