@verdocs/web-sdk 4.2.158 → 5.0.0

package/dist/components/verdocs-switch.js

@@ -1,4 +1,4 @@
-import { V as VerdocsSwitch$1, d as defineCustomElement$1 } from './p-db4a15fd.js';
+import { V as VerdocsSwitch$1, d as defineCustomElement$1 } from './p-fcad60f5.js';
 
 const VerdocsSwitch = VerdocsSwitch$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-table.js

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-7786799a.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-324ed895.js';
 
 const verdocsTableCss = "@-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-table{width:100%;display:block;margin:0 0 10px 0;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:\"Inter\", \"Barlow\", sans-serif}verdocs-table .table-wrapper{margin:10px 0;padding:0}verdocs-table .table{width:100%;border:none;border-collapse:collapse}verdocs-table .row.data-row{border:1px solid #d4d4d8;background-color:#ffffff}verdocs-table .header-col{color:#5c6575;font-weight:600;text-align:left;padding:8px 16px}verdocs-table .data-col{font-weight:400;padding:8px 16px}";
 const VerdocsTableStyle0 = verdocsTableCss;

package/dist/components/verdocs-tabs.js

@@ -1,4 +1,4 @@
-import { V as VerdocsTabs$1, d as defineCustomElement$1 } from './p-ffe8b41d.js';
+import { V as VerdocsTabs$1, d as defineCustomElement$1 } from './p-4dd750e9.js';
 
 const VerdocsTabs = VerdocsTabs$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-template-build-tabs.js

@@ -1,4 +1,4 @@
-import { V as VerdocsTemplateBuildTabs$1, d as defineCustomElement$1 } from './p-85ef4d07.js';
+import { V as VerdocsTemplateBuildTabs$1, d as defineCustomElement$1 } from './p-2548f3f0.js';
 
 const VerdocsTemplateBuildTabs = VerdocsTemplateBuildTabs$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-7786799a.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-324ed895.js';
 
 const verdocsTemplateCardCss = "@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-template-card{font-family:\"Inter\", \"Barlow\", sans-serif;width:320px;height:320px;display:-ms-flexbox;display:flex;padding:25px;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column;background-color:#ffffff;-webkit-box-shadow:2px 2px 5px rgba(51, 54, 75, 0.05);box-shadow:2px 2px 5px rgba(51, 54, 75, 0.05)}verdocs-template-card .thumbnail{width:272px;height:158px;-o-object-fit:cover;object-fit:cover;margin-bottom:22px;-o-object-position:-20% 0;object-position:-20% 0}verdocs-template-card .name{font-size:18px;font-weight:700;margin-bottom:7px}verdocs-template-card .org-name{font-size:14px;font-weight:700;margin-bottom:6px}verdocs-template-card hr{width:100%;margin-bottom:17px;background-color:#aeb4bf}verdocs-template-card .controls{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-pack:justify;justify-content:space-between;text-align:center;font-size:16px}verdocs-template-card .controls .control{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;margin-right:8px;-ms-flex-align:start;align-items:flex-start;border-right:1px solid #aeb4bf}verdocs-template-card .controls .control.secondary{-ms-flex-pack:center;justify-content:center}verdocs-template-card .controls .control svg{fill:#aeb4bf;height:16px;max-width:16px;margin:0 8px -2px 0}verdocs-template-card .additional-controls svg{margin-right:0;fill:#654dcb}";
 const VerdocsTemplateCardStyle0 = verdocsTemplateCardCss;

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

@@ -1,4 +1,151 @@
-import { V as VerdocsTemplateCreate$1, d as defineCustomElement$1 } from './p-f9cc62a7.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-324ed895.js';
+import { VerdocsEndpoint, createTemplate } from '@verdocs/js-sdk';
+import { S as SDKError } from './p-fd97809c.js';
+import { d as defineCustomElement$5 } from './p-0e332769.js';
+import { d as defineCustomElement$4 } from './p-84ae0283.js';
+import { d as defineCustomElement$3 } from './p-1ae5d7e0.js';
+import { d as defineCustomElement$2 } from './p-f72b9c45.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;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>';
+const VerdocsTemplateCreate$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsTemplateCreate extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.exit = createEvent(this, "exit", 7);
+        this.next = createEvent(this, "next", 7);
+        this.sdkError = createEvent(this, "sdkError", 7);
+        this.templateCreated = createEvent(this, "templateCreated", 7);
+        this.endpoint = VerdocsEndpoint.getDefault();
+        this.maxSize = 20.5 * 1024 * 1024;
+        this.file = undefined;
+        this.creating = false;
+        this.progressLabel = 'Uploading...';
+        this.progressPercent = 0;
+        this.errorMessage = '';
+    }
+    componentWillLoad() {
+        this.endpoint.setTimeout(30000);
+        this.endpoint.loadSession();
+    }
+    handleFileChanged(e) {
+        var _a;
+        this.errorMessage = '';
+        this.file = ((_a = e.target.files) === null || _a === void 0 ? void 0 : _a[0]) || null;
+        console.log('[CREATE] Selected file', this.file);
+        const totalSize = this.file.size;
+        if (totalSize > this.maxSize) {
+            this.errorMessage = 'Total file size must not exceed 20MB.';
+        }
+    }
+    handleUpload(e) {
+        e.stopPropagation();
+        const fileElem = document.getElementById('verdocs-template-create-file');
+        fileElem.click();
+    }
+    handleCancel(e) {
+        e.stopPropagation();
+        this.exit.emit();
+    }
+    async handleSubmit(e) {
+        var _a, _b, _c, _d, _e;
+        e.stopPropagation();
+        // Should be true if we're here because onClick is only enabled then. We're just guarding this for Typescript.
+        if (!this.file) {
+            return;
+        }
+        this.creating = true;
+        this.progressLabel = 'Uploading...';
+        try {
+            const template = await createTemplate(this.endpoint, {
+                name: this.file.name,
+                // TODO: Make optional in the SDK
+                initial_reminder: 0,
+                followup_reminders: 0,
+                documents: [this.file],
+            }, percent => {
+                if (percent >= 99) {
+                    this.progressLabel = 'Processing...';
+                    this.progressPercent = 100;
+                }
+                else {
+                    this.progressPercent = percent;
+                }
+            });
+            console.log('[CREATE] Created template', template);
+            (_a = this.templateCreated) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, template, templateId: template.id });
+            (_b = this.next) === null || _b === void 0 ? void 0 : _b.emit(template);
+            this.creating = false;
+            this.progressLabel = '';
+            this.progressPercent = 0;
+        }
+        catch (e) {
+            console.log('[CREATE] Error creating template', e);
+            (_c = this.sdkError) === null || _c === void 0 ? void 0 : _c.emit(new SDKError(e.message, (_d = e.response) === null || _d === void 0 ? void 0 : _d.status, (_e = e.response) === null || _e === void 0 ? void 0 : _e.data));
+            this.creating = false;
+        }
+    }
+    render() {
+        if (!this.endpoint.session) {
+            return (h(Host, null, h("verdocs-component-error", { message: "You must be authenticated to use this module." })));
+        }
+        return (h(Host, null, h("form", { onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, h("input", { type: "file", id: "verdocs-template-create-file", multiple: true, accept: ".pdf,application/pdf,.doc,.docx,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document", style: { display: 'none' }, onChange: e => this.handleFileChanged(e) }), this.creating ? (h("div", { class: "loader-wrapper" }, h("verdocs-loader", null), this.progressLabel && (h("div", { class: "progress-wrapper" }, h("verdocs-progress-bar", { showPercent: true, percent: this.progressPercent, label: this.progressLabel }))))) : (h("div", { class: "upload-box", onDrop: (e) => {
+                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';
+            }, onDragEnter: (e) => e.target.classList.add('drag-over'), onDragLeave: (e) => e.target.classList.remove('drag-over') }, h("span", { innerHTML: FileIcon, style: { display: 'flex', justifyContent: 'center' } }), h("p", null, this.file ? this.file.name : 'Drag and drop your files here'), h("p", { class: "subscript" }, "Supported files: PDF, Word"), h("verdocs-button", { label: this.file ? 'Select a different file' : 'Select a file from your computer', size: "small", onClick: e => this.handleUpload(e) }))), !!this.errorMessage && h("div", { class: "error" }, this.errorMessage), h("div", { class: "buttons" }, h("verdocs-button", { variant: "outline", label: "Cancel", size: "small", onClick: e => this.handleCancel(e), disabled: this.creating }), h("verdocs-button", { label: "Next", size: "small", onClick: e => this.handleSubmit(e), disabled: !this.file || this.creating || !!this.errorMessage })))));
+    }
+    static get style() { return VerdocsTemplateCreateStyle0; }
+}, [0, "verdocs-template-create", {
+        "endpoint": [16],
+        "maxSize": [1026, "max-size"],
+        "file": [32],
+        "creating": [32],
+        "progressLabel": [32],
+        "progressPercent": [32],
+        "errorMessage": [32]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["verdocs-template-create", "verdocs-button", "verdocs-component-error", "verdocs-loader", "verdocs-progress-bar"];
+    components.forEach(tagName => { switch (tagName) {
+        case "verdocs-template-create":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, VerdocsTemplateCreate$1);
+            }
+            break;
+        case "verdocs-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "verdocs-component-error":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "verdocs-loader":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "verdocs-progress-bar":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
 
 const VerdocsTemplateCreate = VerdocsTemplateCreate$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-template-document-page.js

@@ -1,4 +1,4 @@
-import { V as VerdocsTemplateDocumentPage$1, d as defineCustomElement$1 } from './p-fe533b11.js';
+import { V as VerdocsTemplateDocumentPage$1, d as defineCustomElement$1 } from './p-258c3c53.js';
 
 const VerdocsTemplateDocumentPage = VerdocsTemplateDocumentPage$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-template-field-properties.js

@@ -1,4 +1,4 @@
-import { V as VerdocsTemplateFieldProperties$1, d as defineCustomElement$1 } from './p-b2bf338f.js';
+import { V as VerdocsTemplateFieldProperties$1, d as defineCustomElement$1 } from './p-0d063bf9.js';
 
 const VerdocsTemplateFieldProperties = VerdocsTemplateFieldProperties$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { V as VerdocsTemplateFields$1, d as defineCustomElement$1 } from './p-945d225a.js';
+import { V as VerdocsTemplateFields$1, d as defineCustomElement$1 } from './p-94065def.js';
 
 const VerdocsTemplateFields = VerdocsTemplateFields$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-template-role-properties.js

@@ -1,4 +1,4 @@
-import { V as VerdocsTemplateRoleProperties$1, d as defineCustomElement$1 } from './p-c7a21595.js';
+import { V as VerdocsTemplateRoleProperties$1, d as defineCustomElement$1 } from './p-1e67ebdf.js';
 
 const VerdocsTemplateRoleProperties = VerdocsTemplateRoleProperties$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { V as VerdocsTemplateRoles$1, d as defineCustomElement$1 } from './p-83a2fa2f.js';
+import { V as VerdocsTemplateRoles$1, d as defineCustomElement$1 } from './p-8fbc64e9.js';
 
 const VerdocsTemplateRoles = VerdocsTemplateRoles$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { V as VerdocsTemplateStar$1, d as defineCustomElement$1 } from './p-71dd305b.js';
+import { V as VerdocsTemplateStar$1, d as defineCustomElement$1 } from './p-18999830.js';
 
 const VerdocsTemplateStar = VerdocsTemplateStar$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-7786799a.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-324ed895.js';
 
 const verdocsTemplateTagsCss = "@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-template-tags{font-family:\"Inter\", \"Barlow\", sans-serif}verdocs-template-tags span{margin:0 4px;height:28px;font-size:12px;font-weight:600;padding:5px 12px 7px;border-radius:5px;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;text-transform:uppercase;color:#33364b;border:1px solid #707ae5;background-color:#f5f5fa}";
 const VerdocsTemplateTagsStyle0 = verdocsTemplateTagsCss;
@@ -11,7 +11,7 @@ const VerdocsTemplateTags$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsTemp
     }
     render() {
         var _a;
-        return (h(Host, { key: '5b52ce24a601aa820868affd555ce4b46935938d' }, (_a = this.tags) === null || _a === void 0 ? void 0 : _a.map(tag => (h("span", null, tag)))));
+        return (h(Host, { key: 'bc1467762286083fab80ee7bab00155fc5d0c521' }, (_a = this.tags) === null || _a === void 0 ? void 0 : _a.map(tag => (h("span", null, tag)))));
     }
     static get style() { return VerdocsTemplateTagsStyle0; }
 }, [0, "verdocs-template-tags", {

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

@@ -1,16 +1,16 @@
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-7786799a.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-324ed895.js';
 import { VerdocsEndpoint, getTemplates, deleteTemplate, integerSequence, canPerformTemplateAction } from '@verdocs/js-sdk';
 import { S as SDKError } from './p-fd97809c.js';
-import { d as defineCustomElement$b } from './p-ac7578f6.js';
-import { d as defineCustomElement$a } from './p-df4ac086.js';
-import { d as defineCustomElement$9 } from './p-69881420.js';
-import { d as defineCustomElement$8 } from './p-83245875.js';
-import { d as defineCustomElement$7 } from './p-877eaf65.js';
-import { d as defineCustomElement$6 } from './p-8b27ce22.js';
-import { d as defineCustomElement$5 } from './p-42a676b7.js';
-import { d as defineCustomElement$4 } from './p-6b369b14.js';
-import { d as defineCustomElement$3 } from './p-71dd305b.js';
-import { d as defineCustomElement$2 } from './p-e4a852b5.js';
+import { d as defineCustomElement$b } from './p-0e332769.js';
+import { d as defineCustomElement$a } from './p-a3e12c74.js';
+import { d as defineCustomElement$9 } from './p-0ca7012b.js';
+import { d as defineCustomElement$8 } from './p-cf6ea837.js';
+import { d as defineCustomElement$7 } from './p-5eb45a4f.js';
+import { d as defineCustomElement$6 } from './p-5d4bbcd0.js';
+import { d as defineCustomElement$5 } from './p-ec894daf.js';
+import { d as defineCustomElement$4 } from './p-b16c202a.js';
+import { d as defineCustomElement$3 } from './p-18999830.js';
+import { d as defineCustomElement$2 } from './p-c8fedb4e.js';
 import { f as format } from './p-12bab948.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}";

package/dist/components/verdocs-text-input.js

@@ -1,4 +1,4 @@
-import { V as VerdocsTextInput$1, d as defineCustomElement$1 } from './p-e4a852b5.js';
+import { V as VerdocsTextInput$1, d as defineCustomElement$1 } from './p-c8fedb4e.js';
 
 const VerdocsTextInput = VerdocsTextInput$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { V as VerdocsToggleButton$1, d as defineCustomElement$1 } from './p-0e64ccc3.js';
+import { V as VerdocsToggleButton$1, d as defineCustomElement$1 } from './p-9bb47a5a.js';
 
 const VerdocsToggleButton = VerdocsToggleButton$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-toggle.js

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h } from './p-7786799a.js';
+import { p as proxyCustomElement, H, h } from './p-324ed895.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;

package/dist/components/verdocs-toolbar-icon.js

@@ -1,4 +1,4 @@
-import { V as VerdocsToolbarIcon$1, d as defineCustomElement$1 } from './p-4d2f2954.js';
+import { V as VerdocsToolbarIcon$1, d as defineCustomElement$1 } from './p-1e2e8b1c.js';
 
 const VerdocsToolbarIcon = VerdocsToolbarIcon$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-upload-dialog.js

@@ -1,4 +1,4 @@
-import { V as VerdocsUploadDialog$1, d as defineCustomElement$1 } from './p-a7bbe96b.js';
+import { V as VerdocsUploadDialog$1, d as defineCustomElement$1 } from './p-f990140a.js';
 
 const VerdocsUploadDialog = VerdocsUploadDialog$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-view.js

@@ -1,4 +1,4 @@
-import { V as VerdocsView$1, d as defineCustomElement$1 } from './p-62f8b36c.js';
+import { V as VerdocsView$1, d as defineCustomElement$1 } from './p-6400f542.js';
 
 const VerdocsView = VerdocsView$1;
 const defineCustomElement = defineCustomElement$1;