@verdocs/web-sdk 2.2.8 → 2.2.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/verdocs-dialog_3.cjs.entry.js +4 -2
- package/dist/cjs/verdocs-envelopes-list.cjs.entry.js +2 -2
- package/dist/cjs/verdocs-templates-list.cjs.entry.js +1 -1
- package/dist/collection/components/controls/verdocs-table/verdocs-table.js +39 -2
- package/dist/collection/components/envelopes/verdocs-envelopes-list/verdocs-envelopes-list.css +34 -6
- package/dist/collection/components/envelopes/verdocs-envelopes-list/verdocs-envelopes-list.js +1 -1
- package/dist/collection/components/templates/verdocs-templates-list/verdocs-templates-list.css +38 -7
- package/dist/components/verdocs-envelopes-list.js +2 -2
- package/dist/components/verdocs-table2.js +5 -3
- package/dist/components/verdocs-templates-list.js +1 -1
- package/dist/docs.json +21 -2
- package/dist/esm/verdocs-dialog_3.entry.js +4 -2
- package/dist/esm/verdocs-envelopes-list.entry.js +2 -2
- package/dist/esm/verdocs-templates-list.entry.js +1 -1
- package/dist/esm-es5/verdocs-dialog_3.entry.js +1 -1
- package/dist/esm-es5/verdocs-envelopes-list.entry.js +1 -1
- package/dist/esm-es5/verdocs-templates-list.entry.js +1 -1
- package/dist/types/components/controls/verdocs-table/verdocs-table.d.ts +13 -0
- package/dist/types/components.d.ts +12 -0
- package/dist/verdocs-web-sdk/p-0a78214b.entry.js +1 -0
- package/dist/verdocs-web-sdk/p-52808c19.entry.js +1 -0
- package/dist/verdocs-web-sdk/p-53fd209e.system.entry.js +1 -0
- package/dist/verdocs-web-sdk/p-615b82c0.system.entry.js +1 -0
- package/dist/verdocs-web-sdk/p-647cdb84.system.js +1 -1
- package/dist/verdocs-web-sdk/p-a6a226bd.system.entry.js +1 -0
- package/dist/verdocs-web-sdk/p-ae5fe9e7.entry.js +1 -0
- package/dist/verdocs-web-sdk/verdocs-web-sdk.esm.js +1 -1
- package/package.json +1 -1
- package/dist/verdocs-web-sdk/p-0578c85b.system.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-4f8dbb97.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-7dd4ffcc.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-c9e66410.system.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-cea9f0ba.system.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-dc6e47a4.entry.js +0 -1
@@ -30,13 +30,15 @@ const verdocsTableCss = "verdocs-table{width:100%;display:block;margin:0 0 10px
|
|
30
30
|
const VerdocsTable = class {
|
31
31
|
constructor(hostRef) {
|
32
32
|
index.registerInstance(this, hostRef);
|
33
|
+
this.colHeaderClick = index.createEvent(this, "colHeaderClick", 7);
|
34
|
+
this.rowClick = index.createEvent(this, "rowClick", 7);
|
33
35
|
this.columns = [];
|
34
36
|
this.data = [];
|
35
37
|
}
|
36
38
|
render() {
|
37
39
|
return (index.h(index.Host, { class: "table-wrapper" }, index.h("table", { class: "table" }, index.h("thead", null, index.h("tr", { class: "row header-row" }, this.columns.map((col, i) => {
|
38
|
-
return index.h("th", { class: `col header-col col-${i} col-${col.id}`, innerHTML: col.renderHeader ? col.renderHeader(col) : col.header || col.id });
|
39
|
-
}))), index.h("tbody", null, this.data.map(row => (index.h("tr", { class: "row data-row" }, this.columns.map((col, i) => {
|
40
|
+
return (index.h("th", { class: `col header-col col-${i} col-${col.id}`, onClick: () => { var _a; return (_a = this.colHeaderClick) === null || _a === void 0 ? void 0 : _a.emit({ col }); }, innerHTML: col.renderHeader ? col.renderHeader(col) : col.header || col.id }));
|
41
|
+
}))), index.h("tbody", null, this.data.map(row => (index.h("tr", { class: "row data-row", onClick: () => { var _a; return (_a = this.rowClick) === null || _a === void 0 ? void 0 : _a.emit({ row }); } }, this.columns.map((col, i) => {
|
40
42
|
var _a;
|
41
43
|
return index.h("td", { class: `col data-col col-${i} col-${col.id}` }, ((_a = col.renderCell) === null || _a === void 0 ? void 0 : _a.call(col, col, row)) || row[col.id]);
|
42
44
|
// return <td class={`col data-col col-${i} col-${col.id}`} innerHTML={col.renderCell?.(col, row) || row[col.id]} />;
|
@@ -16,7 +16,7 @@ require('./Files-4bdc0c0f.js');
|
|
16
16
|
require('./Types-ee5afdf8.js');
|
17
17
|
require('./index-7c19ba1d.js');
|
18
18
|
|
19
|
-
const verdocsEnvelopesListCss = "verdocs-envelopes-list{display:-ms-flexbox;display:flex;padding:10px;font-size:18px;-ms-flex-wrap:nowrap;flex-wrap:nowrap;border-radius:6px;color:#33364b;-ms-flex-direction:column;flex-direction:column;font-family:\"Inter\", \"Barlow\", sans-serif}verdocs-envelopes-list .envelope-placeholder{height:48px;-ms-flex:0 0 48px;flex:0 0 48px;margin:5px 0;border-radius:5px;background:#f5f5fa}verdocs-envelopes-list .header{width:100%;row-gap:4px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-column-gap:12px;-moz-column-gap:12px;column-gap:12px;margin:0 0 10px 0;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-envelopes-list .header .filter{width:300px}verdocs-envelopes-list .header verdocs-text-input{margin:0}verdocs-envelopes-list .header verdocs-text-input input{height:32px}verdocs-envelopes-list .filter{-ms-flex-align:center;align-items:center}verdocs-envelopes-list .envelope{width:100%;margin:3px 0;background:#ffffff}verdocs-envelopes-list .envelope:hover{cursor:pointer;background:#f5f5fa}verdocs-envelopes-list .envelope .inner{gap:
|
19
|
+
const verdocsEnvelopesListCss = "verdocs-envelopes-list{display:-ms-flexbox;display:flex;padding:10px;font-size:18px;-ms-flex-wrap:nowrap;flex-wrap:nowrap;border-radius:6px;color:#33364b;-ms-flex-direction:column;flex-direction:column;font-family:\"Inter\", \"Barlow\", sans-serif}@media screen and (max-width: 800px){verdocs-envelopes-list{font-size:14px}}verdocs-envelopes-list .envelope-placeholder{height:48px;-ms-flex:0 0 48px;flex:0 0 48px;margin:5px 0;border-radius:5px;background:#f5f5fa}verdocs-envelopes-list .header{width:100%;row-gap:4px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-column-gap:12px;-moz-column-gap:12px;column-gap:12px;margin:0 0 10px 0;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-envelopes-list .header .filter{width:300px}verdocs-envelopes-list .header verdocs-text-input{margin:0}verdocs-envelopes-list .header verdocs-text-input input{height:32px}verdocs-envelopes-list .filter{-ms-flex-align:center;align-items:center}verdocs-envelopes-list .envelope{width:100%;margin:3px 0;background:#ffffff}verdocs-envelopes-list .envelope:hover{cursor:pointer;background:#f5f5fa}verdocs-envelopes-list .envelope .inner{gap:12px;display:-ms-flexbox;display:flex;padding:8px 14px;border-radius:5px;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;container-type:inline-size}verdocs-envelopes-list .envelope .inner svg{width:24px;height:24px}verdocs-envelopes-list .vert-spacer{height:50px;display:-ms-flexbox;display:flex;-ms-flex:0 0 1px;flex:0 0 1px;border-right:1px solid #dad8dd}@media screen and (max-width: 800px){verdocs-envelopes-list .vert-spacer{display:none}}@media screen and (max-width: 800px){verdocs-envelopes-list .envelope-icon{display:none}}@media screen and (max-width: 800px){verdocs-envelopes-list verdocs-checkbox{display:none}}verdocs-envelopes-list .last-modified{color:#444;display:-ms-flexbox;display:flex;-ms-flex:0 0 180px;flex:0 0 180px;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;white-space:nowrap}@media screen and (max-width: 800px){verdocs-envelopes-list .last-modified{display:none}}verdocs-envelopes-list .envelope-name{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;color:#000000;line-height:28px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}verdocs-envelopes-list .envelope-recipients{color:#4b5563;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}verdocs-envelopes-list .empty-text{text-align:center;margin:16px 0 0 0;padding:80px 80px;border:2px solid #ccc}verdocs-envelopes-list .containing{gap:12px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}@media screen and (max-width: 800px){verdocs-envelopes-list verdocs-status-indicator{font-size:14px}}";
|
20
20
|
|
21
21
|
const DocumentIcon = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="#000000" viewBox="0 0 24 24" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12h3.75M9 15h3.75M9 18h3.75m3 .75H18a2.25 2.25 0 002.25-2.25V6.108c0-1.135-.845-2.098-1.976-2.192a48.424 48.424 0 00-1.123-.08m-5.801 0c-.065.21-.1.433-.1.664 0 .414.336.75.75.75h4.5a.75.75 0 00.75-.75 2.25 2.25 0 00-.1-.664m-5.8 0A2.251 2.251 0 0113.5 2.25H15c1.012 0 1.867.668 2.15 1.586m-5.8 0c-.376.023-.75.05-1.124.08C9.095 4.01 8.25 4.973 8.25 6.108V8.25m0 0H4.875c-.621 0-1.125.504-1.125 1.125v11.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V9.375c0-.621-.504-1.125-1.125-1.125H8.25zM6.75 12h.008v.008H6.75V12zm0 3h.008v.008H6.75V15zm0 3h.008v.008H6.75V18z" /></svg>`;
|
22
22
|
const ViewFilters = [
|
@@ -239,7 +239,7 @@ const VerdocsEnvelopesList = class {
|
|
239
239
|
else {
|
240
240
|
this.selectedEnvelopes = this.selectedEnvelopes.filter(e => e.id !== envelope.id);
|
241
241
|
}
|
242
|
-
} }), index.h("div", { class: "vert-spacer" }), index.h("span", { innerHTML: DocumentIcon }), index.h("div", { class: "envelope-name" }, envelope.name, ":\u00A0 ", index.h("div", { class: "envelope-recipients" }, envelope.recipients.map(r => r.full_name).join(', '))), index.h("div", { class: "vert-spacer" }), index.h("verdocs-status-indicator", { envelope: envelope, style: { width: '125px' } }), index.h("div", { class: "vert-spacer" }), index.h("div", { class: "last-modified" }, new Date(envelope.updated_at).toLocaleString()), index.h("div", { class: "vert-spacer" }), index.h("verdocs-dropdown", { options: menuOptions, onOptionSelected: e => {
|
242
|
+
} }), index.h("div", { class: "vert-spacer" }), index.h("span", { innerHTML: DocumentIcon, class: "envelope-icon" }), index.h("div", { class: "envelope-name" }, envelope.name, ":\u00A0 ", index.h("div", { class: "envelope-recipients" }, envelope.recipients.map(r => r.full_name).join(', '))), index.h("div", { class: "vert-spacer" }), index.h("verdocs-status-indicator", { envelope: envelope, style: { width: '125px' } }), index.h("div", { class: "vert-spacer" }), index.h("div", { class: "last-modified" }, new Date(envelope.updated_at).toLocaleString()), index.h("div", { class: "vert-spacer" }), index.h("verdocs-dropdown", { options: menuOptions, onOptionSelected: e => {
|
243
243
|
var _a, _b;
|
244
244
|
switch (e.detail.id) {
|
245
245
|
case 'view':
|
@@ -10,7 +10,7 @@ const Primitives = require('./Primitives-a59870a2.js');
|
|
10
10
|
const errors = require('./errors-0396da3d.js');
|
11
11
|
const index$1 = require('./index-7c19ba1d.js');
|
12
12
|
|
13
|
-
const verdocsTemplatesListCss = "verdocs-templates-list{display
|
13
|
+
const verdocsTemplatesListCss = "verdocs-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}";
|
14
14
|
|
15
15
|
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>`;
|
16
16
|
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>`;
|
@@ -10,8 +10,8 @@ export class VerdocsTable {
|
|
10
10
|
}
|
11
11
|
render() {
|
12
12
|
return (h(Host, { class: "table-wrapper" }, h("table", { class: "table" }, h("thead", null, h("tr", { class: "row header-row" }, this.columns.map((col, i) => {
|
13
|
-
return h("th", { class: `col header-col col-${i} col-${col.id}`, innerHTML: col.renderHeader ? col.renderHeader(col) : col.header || col.id });
|
14
|
-
}))), h("tbody", null, this.data.map(row => (h("tr", { class: "row data-row" }, this.columns.map((col, i) => {
|
13
|
+
return (h("th", { class: `col header-col col-${i} col-${col.id}`, onClick: () => { var _a; return (_a = this.colHeaderClick) === null || _a === void 0 ? void 0 : _a.emit({ col }); }, innerHTML: col.renderHeader ? col.renderHeader(col) : col.header || col.id }));
|
14
|
+
}))), h("tbody", null, this.data.map(row => (h("tr", { class: "row data-row", onClick: () => { var _a; return (_a = this.rowClick) === null || _a === void 0 ? void 0 : _a.emit({ row }); } }, this.columns.map((col, i) => {
|
15
15
|
var _a;
|
16
16
|
return h("td", { class: `col data-col col-${i} col-${col.id}` }, ((_a = col.renderCell) === null || _a === void 0 ? void 0 : _a.call(col, col, row)) || row[col.id]);
|
17
17
|
// return <td class={`col data-col col-${i} col-${col.id}`} innerHTML={col.renderCell?.(col, row) || row[col.id]} />;
|
@@ -68,4 +68,41 @@ export class VerdocsTable {
|
|
68
68
|
}
|
69
69
|
};
|
70
70
|
}
|
71
|
+
static get events() {
|
72
|
+
return [{
|
73
|
+
"method": "colHeaderClick",
|
74
|
+
"name": "colHeaderClick",
|
75
|
+
"bubbles": true,
|
76
|
+
"cancelable": true,
|
77
|
+
"composed": true,
|
78
|
+
"docs": {
|
79
|
+
"tags": [],
|
80
|
+
"text": "Event fired when the user clicks a column header. This may be used to manage sorting options."
|
81
|
+
},
|
82
|
+
"complexType": {
|
83
|
+
"original": "{col: IColumn}",
|
84
|
+
"resolved": "{ col: IColumn; }",
|
85
|
+
"references": {
|
86
|
+
"IColumn": {
|
87
|
+
"location": "local"
|
88
|
+
}
|
89
|
+
}
|
90
|
+
}
|
91
|
+
}, {
|
92
|
+
"method": "rowClick",
|
93
|
+
"name": "rowClick",
|
94
|
+
"bubbles": true,
|
95
|
+
"cancelable": true,
|
96
|
+
"composed": true,
|
97
|
+
"docs": {
|
98
|
+
"tags": [],
|
99
|
+
"text": "Event fired when the user clicks a row."
|
100
|
+
},
|
101
|
+
"complexType": {
|
102
|
+
"original": "{row: any}",
|
103
|
+
"resolved": "{ row: any; }",
|
104
|
+
"references": {}
|
105
|
+
}
|
106
|
+
}];
|
107
|
+
}
|
71
108
|
}
|
package/dist/collection/components/envelopes/verdocs-envelopes-list/verdocs-envelopes-list.css
CHANGED
@@ -8,6 +8,11 @@ verdocs-envelopes-list {
|
|
8
8
|
flex-direction: column;
|
9
9
|
font-family: "Inter", "Barlow", sans-serif;
|
10
10
|
}
|
11
|
+
@media screen and (max-width: 800px) {
|
12
|
+
verdocs-envelopes-list {
|
13
|
+
font-size: 14px;
|
14
|
+
}
|
15
|
+
}
|
11
16
|
verdocs-envelopes-list .envelope-placeholder {
|
12
17
|
height: 48px;
|
13
18
|
flex: 0 0 48px;
|
@@ -47,12 +52,13 @@ verdocs-envelopes-list .envelope:hover {
|
|
47
52
|
background: #f5f5fa;
|
48
53
|
}
|
49
54
|
verdocs-envelopes-list .envelope .inner {
|
50
|
-
gap:
|
55
|
+
gap: 12px;
|
51
56
|
display: flex;
|
52
|
-
padding: 8px
|
53
|
-
border-radius:
|
57
|
+
padding: 8px 14px;
|
58
|
+
border-radius: 5px;
|
54
59
|
flex-direction: row;
|
55
60
|
align-items: center;
|
61
|
+
container-type: inline-size;
|
56
62
|
}
|
57
63
|
verdocs-envelopes-list .envelope .inner svg {
|
58
64
|
width: 24px;
|
@@ -64,20 +70,38 @@ verdocs-envelopes-list .vert-spacer {
|
|
64
70
|
flex: 0 0 1px;
|
65
71
|
border-right: 1px solid #dad8dd;
|
66
72
|
}
|
73
|
+
@media screen and (max-width: 800px) {
|
74
|
+
verdocs-envelopes-list .vert-spacer {
|
75
|
+
display: none;
|
76
|
+
}
|
77
|
+
}
|
78
|
+
@media screen and (max-width: 800px) {
|
79
|
+
verdocs-envelopes-list .envelope-icon {
|
80
|
+
display: none;
|
81
|
+
}
|
82
|
+
}
|
83
|
+
@media screen and (max-width: 800px) {
|
84
|
+
verdocs-envelopes-list verdocs-checkbox {
|
85
|
+
display: none;
|
86
|
+
}
|
87
|
+
}
|
67
88
|
verdocs-envelopes-list .last-modified {
|
68
89
|
color: #444;
|
69
90
|
display: flex;
|
70
91
|
flex: 0 0 180px;
|
71
|
-
font-size: 16px;
|
72
92
|
flex-direction: row;
|
73
93
|
align-items: center;
|
74
94
|
white-space: nowrap;
|
75
95
|
}
|
96
|
+
@media screen and (max-width: 800px) {
|
97
|
+
verdocs-envelopes-list .last-modified {
|
98
|
+
display: none;
|
99
|
+
}
|
100
|
+
}
|
76
101
|
verdocs-envelopes-list .envelope-name {
|
77
102
|
flex: 1;
|
78
103
|
display: flex;
|
79
104
|
color: #000000;
|
80
|
-
font-size: 18px;
|
81
105
|
line-height: 28px;
|
82
106
|
overflow: hidden;
|
83
107
|
white-space: nowrap;
|
@@ -91,7 +115,6 @@ verdocs-envelopes-list .envelope-recipients {
|
|
91
115
|
text-overflow: ellipsis;
|
92
116
|
}
|
93
117
|
verdocs-envelopes-list .empty-text {
|
94
|
-
font-size: 20px;
|
95
118
|
text-align: center;
|
96
119
|
margin: 16px 0 0 0;
|
97
120
|
padding: 80px 80px;
|
@@ -102,4 +125,9 @@ verdocs-envelopes-list .containing {
|
|
102
125
|
display: flex;
|
103
126
|
align-items: center;
|
104
127
|
flex-direction: row;
|
128
|
+
}
|
129
|
+
@media screen and (max-width: 800px) {
|
130
|
+
verdocs-envelopes-list verdocs-status-indicator {
|
131
|
+
font-size: 14px;
|
132
|
+
}
|
105
133
|
}
|
package/dist/collection/components/envelopes/verdocs-envelopes-list/verdocs-envelopes-list.js
CHANGED
@@ -223,7 +223,7 @@ export class VerdocsEnvelopesList {
|
|
223
223
|
else {
|
224
224
|
this.selectedEnvelopes = this.selectedEnvelopes.filter(e => e.id !== envelope.id);
|
225
225
|
}
|
226
|
-
} }), h("div", { class: "vert-spacer" }), h("span", { innerHTML: DocumentIcon }), h("div", { class: "envelope-name" }, envelope.name, ":\u00A0 ", h("div", { class: "envelope-recipients" }, envelope.recipients.map(r => r.full_name).join(', '))), h("div", { class: "vert-spacer" }), h("verdocs-status-indicator", { envelope: envelope, style: { width: '125px' } }), h("div", { class: "vert-spacer" }), h("div", { class: "last-modified" }, new Date(envelope.updated_at).toLocaleString()), h("div", { class: "vert-spacer" }), h("verdocs-dropdown", { options: menuOptions, onOptionSelected: e => {
|
226
|
+
} }), h("div", { class: "vert-spacer" }), h("span", { innerHTML: DocumentIcon, class: "envelope-icon" }), h("div", { class: "envelope-name" }, envelope.name, ":\u00A0 ", h("div", { class: "envelope-recipients" }, envelope.recipients.map(r => r.full_name).join(', '))), h("div", { class: "vert-spacer" }), h("verdocs-status-indicator", { envelope: envelope, style: { width: '125px' } }), h("div", { class: "vert-spacer" }), h("div", { class: "last-modified" }, new Date(envelope.updated_at).toLocaleString()), h("div", { class: "vert-spacer" }), h("verdocs-dropdown", { options: menuOptions, onOptionSelected: e => {
|
227
227
|
var _a, _b;
|
228
228
|
switch (e.detail.id) {
|
229
229
|
case 'view':
|
package/dist/collection/components/templates/verdocs-templates-list/verdocs-templates-list.css
CHANGED
@@ -39,7 +39,7 @@ verdocs-templates-list .template-placeholder {
|
|
39
39
|
}
|
40
40
|
verdocs-templates-list .template {
|
41
41
|
width: 100%;
|
42
|
-
margin:
|
42
|
+
margin: 2px 0;
|
43
43
|
border: 1px solid #ffffff;
|
44
44
|
background: #ffffff;
|
45
45
|
}
|
@@ -49,12 +49,13 @@ verdocs-templates-list .template:hover {
|
|
49
49
|
border: 1px solid #a7a7f5;
|
50
50
|
}
|
51
51
|
verdocs-templates-list .template .inner {
|
52
|
-
gap:
|
52
|
+
gap: 12px;
|
53
53
|
display: flex;
|
54
54
|
padding: 8px 14px;
|
55
55
|
border-radius: 5px;
|
56
56
|
flex-direction: row;
|
57
57
|
align-items: center;
|
58
|
+
container-type: inline-size;
|
58
59
|
}
|
59
60
|
verdocs-templates-list .template .inner svg {
|
60
61
|
width: 24px;
|
@@ -65,7 +66,6 @@ verdocs-templates-list .name {
|
|
65
66
|
display: flex;
|
66
67
|
color: black;
|
67
68
|
font-size: 16px;
|
68
|
-
margin-left: 10px;
|
69
69
|
overflow: hidden;
|
70
70
|
white-space: nowrap;
|
71
71
|
text-overflow: ellipsis;
|
@@ -84,9 +84,7 @@ verdocs-templates-list .spacer {
|
|
84
84
|
}
|
85
85
|
@media screen and (max-width: 800px) {
|
86
86
|
verdocs-templates-list .spacer {
|
87
|
-
|
88
|
-
border-top: 1px solid #dad8dd;
|
89
|
-
border-right: none;
|
87
|
+
display: none;
|
90
88
|
}
|
91
89
|
}
|
92
90
|
verdocs-templates-list .empty-text {
|
@@ -124,10 +122,15 @@ verdocs-templates-list .ownership span,
|
|
124
122
|
verdocs-templates-list .last-used span {
|
125
123
|
display: block;
|
126
124
|
}
|
125
|
+
@media screen and (max-width: 700px) {
|
126
|
+
verdocs-templates-list verdocs-template-star {
|
127
|
+
display: none;
|
128
|
+
}
|
129
|
+
}
|
127
130
|
verdocs-templates-list .ownership {
|
128
131
|
flex: 0 0 100px;
|
129
132
|
}
|
130
|
-
@media screen and (max-width:
|
133
|
+
@media screen and (max-width: 700px) {
|
131
134
|
verdocs-templates-list .ownership {
|
132
135
|
display: none;
|
133
136
|
}
|
@@ -137,4 +140,32 @@ verdocs-templates-list .last-used {
|
|
137
140
|
}
|
138
141
|
verdocs-templates-list .usage {
|
139
142
|
flex: 0 0 60px;
|
143
|
+
}
|
144
|
+
verdocs-templates-list .header-row {
|
145
|
+
display: none;
|
146
|
+
}
|
147
|
+
verdocs-templates-list table {
|
148
|
+
container-type: size;
|
149
|
+
max-width: 100%;
|
150
|
+
overflow: hidden;
|
151
|
+
table-layout: fixed;
|
152
|
+
}
|
153
|
+
verdocs-templates-list .data-row {
|
154
|
+
cursor: pointer;
|
155
|
+
background: #ededff;
|
156
|
+
border: 1px solid #a7a7f5;
|
157
|
+
}
|
158
|
+
verdocs-templates-list .data-col svg {
|
159
|
+
width: 24px;
|
160
|
+
height: 24px;
|
161
|
+
}
|
162
|
+
verdocs-templates-list .col-name {
|
163
|
+
text-overflow: ellipsis;
|
164
|
+
white-space: nowrap;
|
165
|
+
overflow: hidden;
|
166
|
+
}
|
167
|
+
@container (max-width:700 px) {
|
168
|
+
verdocs-templates-list verdocs-templates-list .col-starred {
|
169
|
+
display: none;
|
170
|
+
}
|
140
171
|
}
|
@@ -17,7 +17,7 @@ import { d as defineCustomElement$4 } from './verdocs-spinner2.js';
|
|
17
17
|
import { d as defineCustomElement$3 } from './verdocs-status-indicator2.js';
|
18
18
|
import { d as defineCustomElement$2 } from './verdocs-text-input2.js';
|
19
19
|
|
20
|
-
const verdocsEnvelopesListCss = "verdocs-envelopes-list{display:-ms-flexbox;display:flex;padding:10px;font-size:18px;-ms-flex-wrap:nowrap;flex-wrap:nowrap;border-radius:6px;color:#33364b;-ms-flex-direction:column;flex-direction:column;font-family:\"Inter\", \"Barlow\", sans-serif}verdocs-envelopes-list .envelope-placeholder{height:48px;-ms-flex:0 0 48px;flex:0 0 48px;margin:5px 0;border-radius:5px;background:#f5f5fa}verdocs-envelopes-list .header{width:100%;row-gap:4px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-column-gap:12px;-moz-column-gap:12px;column-gap:12px;margin:0 0 10px 0;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-envelopes-list .header .filter{width:300px}verdocs-envelopes-list .header verdocs-text-input{margin:0}verdocs-envelopes-list .header verdocs-text-input input{height:32px}verdocs-envelopes-list .filter{-ms-flex-align:center;align-items:center}verdocs-envelopes-list .envelope{width:100%;margin:3px 0;background:#ffffff}verdocs-envelopes-list .envelope:hover{cursor:pointer;background:#f5f5fa}verdocs-envelopes-list .envelope .inner{gap:
|
20
|
+
const verdocsEnvelopesListCss = "verdocs-envelopes-list{display:-ms-flexbox;display:flex;padding:10px;font-size:18px;-ms-flex-wrap:nowrap;flex-wrap:nowrap;border-radius:6px;color:#33364b;-ms-flex-direction:column;flex-direction:column;font-family:\"Inter\", \"Barlow\", sans-serif}@media screen and (max-width: 800px){verdocs-envelopes-list{font-size:14px}}verdocs-envelopes-list .envelope-placeholder{height:48px;-ms-flex:0 0 48px;flex:0 0 48px;margin:5px 0;border-radius:5px;background:#f5f5fa}verdocs-envelopes-list .header{width:100%;row-gap:4px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-column-gap:12px;-moz-column-gap:12px;column-gap:12px;margin:0 0 10px 0;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-envelopes-list .header .filter{width:300px}verdocs-envelopes-list .header verdocs-text-input{margin:0}verdocs-envelopes-list .header verdocs-text-input input{height:32px}verdocs-envelopes-list .filter{-ms-flex-align:center;align-items:center}verdocs-envelopes-list .envelope{width:100%;margin:3px 0;background:#ffffff}verdocs-envelopes-list .envelope:hover{cursor:pointer;background:#f5f5fa}verdocs-envelopes-list .envelope .inner{gap:12px;display:-ms-flexbox;display:flex;padding:8px 14px;border-radius:5px;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;container-type:inline-size}verdocs-envelopes-list .envelope .inner svg{width:24px;height:24px}verdocs-envelopes-list .vert-spacer{height:50px;display:-ms-flexbox;display:flex;-ms-flex:0 0 1px;flex:0 0 1px;border-right:1px solid #dad8dd}@media screen and (max-width: 800px){verdocs-envelopes-list .vert-spacer{display:none}}@media screen and (max-width: 800px){verdocs-envelopes-list .envelope-icon{display:none}}@media screen and (max-width: 800px){verdocs-envelopes-list verdocs-checkbox{display:none}}verdocs-envelopes-list .last-modified{color:#444;display:-ms-flexbox;display:flex;-ms-flex:0 0 180px;flex:0 0 180px;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;white-space:nowrap}@media screen and (max-width: 800px){verdocs-envelopes-list .last-modified{display:none}}verdocs-envelopes-list .envelope-name{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;color:#000000;line-height:28px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}verdocs-envelopes-list .envelope-recipients{color:#4b5563;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}verdocs-envelopes-list .empty-text{text-align:center;margin:16px 0 0 0;padding:80px 80px;border:2px solid #ccc}verdocs-envelopes-list .containing{gap:12px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}@media screen and (max-width: 800px){verdocs-envelopes-list verdocs-status-indicator{font-size:14px}}";
|
21
21
|
|
22
22
|
const DocumentIcon = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="#000000" viewBox="0 0 24 24" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12h3.75M9 15h3.75M9 18h3.75m3 .75H18a2.25 2.25 0 002.25-2.25V6.108c0-1.135-.845-2.098-1.976-2.192a48.424 48.424 0 00-1.123-.08m-5.801 0c-.065.21-.1.433-.1.664 0 .414.336.75.75.75h4.5a.75.75 0 00.75-.75 2.25 2.25 0 00-.1-.664m-5.8 0A2.251 2.251 0 0113.5 2.25H15c1.012 0 1.867.668 2.15 1.586m-5.8 0c-.376.023-.75.05-1.124.08C9.095 4.01 8.25 4.973 8.25 6.108V8.25m0 0H4.875c-.621 0-1.125.504-1.125 1.125v11.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V9.375c0-.621-.504-1.125-1.125-1.125H8.25zM6.75 12h.008v.008H6.75V12zm0 3h.008v.008H6.75V15zm0 3h.008v.008H6.75V18z" /></svg>`;
|
23
23
|
const ViewFilters = [
|
@@ -241,7 +241,7 @@ const VerdocsEnvelopesList$1 = /*@__PURE__*/ proxyCustomElement(class extends HT
|
|
241
241
|
else {
|
242
242
|
this.selectedEnvelopes = this.selectedEnvelopes.filter(e => e.id !== envelope.id);
|
243
243
|
}
|
244
|
-
} }), h("div", { class: "vert-spacer" }), h("span", { innerHTML: DocumentIcon }), h("div", { class: "envelope-name" }, envelope.name, ":\u00A0 ", h("div", { class: "envelope-recipients" }, envelope.recipients.map(r => r.full_name).join(', '))), h("div", { class: "vert-spacer" }), h("verdocs-status-indicator", { envelope: envelope, style: { width: '125px' } }), h("div", { class: "vert-spacer" }), h("div", { class: "last-modified" }, new Date(envelope.updated_at).toLocaleString()), h("div", { class: "vert-spacer" }), h("verdocs-dropdown", { options: menuOptions, onOptionSelected: e => {
|
244
|
+
} }), h("div", { class: "vert-spacer" }), h("span", { innerHTML: DocumentIcon, class: "envelope-icon" }), h("div", { class: "envelope-name" }, envelope.name, ":\u00A0 ", h("div", { class: "envelope-recipients" }, envelope.recipients.map(r => r.full_name).join(', '))), h("div", { class: "vert-spacer" }), h("verdocs-status-indicator", { envelope: envelope, style: { width: '125px' } }), h("div", { class: "vert-spacer" }), h("div", { class: "last-modified" }, new Date(envelope.updated_at).toLocaleString()), h("div", { class: "vert-spacer" }), h("verdocs-dropdown", { options: menuOptions, onOptionSelected: e => {
|
245
245
|
var _a, _b;
|
246
246
|
switch (e.detail.id) {
|
247
247
|
case 'view':
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
|
1
|
+
import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
|
2
2
|
|
3
3
|
const verdocsTableCss = "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}";
|
4
4
|
|
@@ -6,13 +6,15 @@ const VerdocsTable = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
|
|
6
6
|
constructor() {
|
7
7
|
super();
|
8
8
|
this.__registerHost();
|
9
|
+
this.colHeaderClick = createEvent(this, "colHeaderClick", 7);
|
10
|
+
this.rowClick = createEvent(this, "rowClick", 7);
|
9
11
|
this.columns = [];
|
10
12
|
this.data = [];
|
11
13
|
}
|
12
14
|
render() {
|
13
15
|
return (h(Host, { class: "table-wrapper" }, h("table", { class: "table" }, h("thead", null, h("tr", { class: "row header-row" }, this.columns.map((col, i) => {
|
14
|
-
return h("th", { class: `col header-col col-${i} col-${col.id}`, innerHTML: col.renderHeader ? col.renderHeader(col) : col.header || col.id });
|
15
|
-
}))), h("tbody", null, this.data.map(row => (h("tr", { class: "row data-row" }, this.columns.map((col, i) => {
|
16
|
+
return (h("th", { class: `col header-col col-${i} col-${col.id}`, onClick: () => { var _a; return (_a = this.colHeaderClick) === null || _a === void 0 ? void 0 : _a.emit({ col }); }, innerHTML: col.renderHeader ? col.renderHeader(col) : col.header || col.id }));
|
17
|
+
}))), h("tbody", null, this.data.map(row => (h("tr", { class: "row data-row", onClick: () => { var _a; return (_a = this.rowClick) === null || _a === void 0 ? void 0 : _a.emit({ row }); } }, this.columns.map((col, i) => {
|
16
18
|
var _a;
|
17
19
|
return h("td", { class: `col data-col col-${i} col-${col.id}` }, ((_a = col.renderCell) === null || _a === void 0 ? void 0 : _a.call(col, col, row)) || row[col.id]);
|
18
20
|
// return <td class={`col data-col col-${i} col-${col.id}`} innerHTML={col.renderCell?.(col, row) || row[col.id]} />;
|
@@ -15,7 +15,7 @@ import { d as defineCustomElement$3 } from './verdocs-template-star2.js';
|
|
15
15
|
import { d as defineCustomElement$2 } from './verdocs-text-input2.js';
|
16
16
|
import { f as format } from './index2.js';
|
17
17
|
|
18
|
-
const verdocsTemplatesListCss = "verdocs-templates-list{display
|
18
|
+
const verdocsTemplatesListCss = "verdocs-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}";
|
19
19
|
|
20
20
|
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>`;
|
21
21
|
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>`;
|
package/dist/docs.json
CHANGED
@@ -1,5 +1,5 @@
|
|
1
1
|
{
|
2
|
-
"timestamp": "2023-09-
|
2
|
+
"timestamp": "2023-09-27T20:57:32",
|
3
3
|
"compiler": {
|
4
4
|
"name": "@stencil/core",
|
5
5
|
"version": "2.20.0",
|
@@ -7695,7 +7695,26 @@
|
|
7695
7695
|
}
|
7696
7696
|
],
|
7697
7697
|
"methods": [],
|
7698
|
-
"events": [
|
7698
|
+
"events": [
|
7699
|
+
{
|
7700
|
+
"event": "colHeaderClick",
|
7701
|
+
"detail": "{ col: IColumn; }",
|
7702
|
+
"bubbles": true,
|
7703
|
+
"cancelable": true,
|
7704
|
+
"composed": true,
|
7705
|
+
"docs": "Event fired when the user clicks a column header. This may be used to manage sorting options.",
|
7706
|
+
"docsTags": []
|
7707
|
+
},
|
7708
|
+
{
|
7709
|
+
"event": "rowClick",
|
7710
|
+
"detail": "{ row: any; }",
|
7711
|
+
"bubbles": true,
|
7712
|
+
"cancelable": true,
|
7713
|
+
"composed": true,
|
7714
|
+
"docs": "Event fired when the user clicks a row.",
|
7715
|
+
"docsTags": []
|
7716
|
+
}
|
7717
|
+
],
|
7699
7718
|
"listeners": [],
|
7700
7719
|
"styles": [],
|
7701
7720
|
"slots": [],
|
@@ -26,13 +26,15 @@ const verdocsTableCss = "verdocs-table{width:100%;display:block;margin:0 0 10px
|
|
26
26
|
const VerdocsTable = class {
|
27
27
|
constructor(hostRef) {
|
28
28
|
registerInstance(this, hostRef);
|
29
|
+
this.colHeaderClick = createEvent(this, "colHeaderClick", 7);
|
30
|
+
this.rowClick = createEvent(this, "rowClick", 7);
|
29
31
|
this.columns = [];
|
30
32
|
this.data = [];
|
31
33
|
}
|
32
34
|
render() {
|
33
35
|
return (h(Host, { class: "table-wrapper" }, h("table", { class: "table" }, h("thead", null, h("tr", { class: "row header-row" }, this.columns.map((col, i) => {
|
34
|
-
return h("th", { class: `col header-col col-${i} col-${col.id}`, innerHTML: col.renderHeader ? col.renderHeader(col) : col.header || col.id });
|
35
|
-
}))), h("tbody", null, this.data.map(row => (h("tr", { class: "row data-row" }, this.columns.map((col, i) => {
|
36
|
+
return (h("th", { class: `col header-col col-${i} col-${col.id}`, onClick: () => { var _a; return (_a = this.colHeaderClick) === null || _a === void 0 ? void 0 : _a.emit({ col }); }, innerHTML: col.renderHeader ? col.renderHeader(col) : col.header || col.id }));
|
37
|
+
}))), h("tbody", null, this.data.map(row => (h("tr", { class: "row data-row", onClick: () => { var _a; return (_a = this.rowClick) === null || _a === void 0 ? void 0 : _a.emit({ row }); } }, this.columns.map((col, i) => {
|
36
38
|
var _a;
|
37
39
|
return h("td", { class: `col data-col col-${i} col-${col.id}` }, ((_a = col.renderCell) === null || _a === void 0 ? void 0 : _a.call(col, col, row)) || row[col.id]);
|
38
40
|
// return <td class={`col data-col col-${i} col-${col.id}`} innerHTML={col.renderCell?.(col, row) || row[col.id]} />;
|
@@ -12,7 +12,7 @@ import './Files-70a192df.js';
|
|
12
12
|
import './Types-de18e225.js';
|
13
13
|
import './index-914ed6f7.js';
|
14
14
|
|
15
|
-
const verdocsEnvelopesListCss = "verdocs-envelopes-list{display:-ms-flexbox;display:flex;padding:10px;font-size:18px;-ms-flex-wrap:nowrap;flex-wrap:nowrap;border-radius:6px;color:#33364b;-ms-flex-direction:column;flex-direction:column;font-family:\"Inter\", \"Barlow\", sans-serif}verdocs-envelopes-list .envelope-placeholder{height:48px;-ms-flex:0 0 48px;flex:0 0 48px;margin:5px 0;border-radius:5px;background:#f5f5fa}verdocs-envelopes-list .header{width:100%;row-gap:4px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-column-gap:12px;-moz-column-gap:12px;column-gap:12px;margin:0 0 10px 0;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-envelopes-list .header .filter{width:300px}verdocs-envelopes-list .header verdocs-text-input{margin:0}verdocs-envelopes-list .header verdocs-text-input input{height:32px}verdocs-envelopes-list .filter{-ms-flex-align:center;align-items:center}verdocs-envelopes-list .envelope{width:100%;margin:3px 0;background:#ffffff}verdocs-envelopes-list .envelope:hover{cursor:pointer;background:#f5f5fa}verdocs-envelopes-list .envelope .inner{gap:
|
15
|
+
const verdocsEnvelopesListCss = "verdocs-envelopes-list{display:-ms-flexbox;display:flex;padding:10px;font-size:18px;-ms-flex-wrap:nowrap;flex-wrap:nowrap;border-radius:6px;color:#33364b;-ms-flex-direction:column;flex-direction:column;font-family:\"Inter\", \"Barlow\", sans-serif}@media screen and (max-width: 800px){verdocs-envelopes-list{font-size:14px}}verdocs-envelopes-list .envelope-placeholder{height:48px;-ms-flex:0 0 48px;flex:0 0 48px;margin:5px 0;border-radius:5px;background:#f5f5fa}verdocs-envelopes-list .header{width:100%;row-gap:4px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-column-gap:12px;-moz-column-gap:12px;column-gap:12px;margin:0 0 10px 0;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-envelopes-list .header .filter{width:300px}verdocs-envelopes-list .header verdocs-text-input{margin:0}verdocs-envelopes-list .header verdocs-text-input input{height:32px}verdocs-envelopes-list .filter{-ms-flex-align:center;align-items:center}verdocs-envelopes-list .envelope{width:100%;margin:3px 0;background:#ffffff}verdocs-envelopes-list .envelope:hover{cursor:pointer;background:#f5f5fa}verdocs-envelopes-list .envelope .inner{gap:12px;display:-ms-flexbox;display:flex;padding:8px 14px;border-radius:5px;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;container-type:inline-size}verdocs-envelopes-list .envelope .inner svg{width:24px;height:24px}verdocs-envelopes-list .vert-spacer{height:50px;display:-ms-flexbox;display:flex;-ms-flex:0 0 1px;flex:0 0 1px;border-right:1px solid #dad8dd}@media screen and (max-width: 800px){verdocs-envelopes-list .vert-spacer{display:none}}@media screen and (max-width: 800px){verdocs-envelopes-list .envelope-icon{display:none}}@media screen and (max-width: 800px){verdocs-envelopes-list verdocs-checkbox{display:none}}verdocs-envelopes-list .last-modified{color:#444;display:-ms-flexbox;display:flex;-ms-flex:0 0 180px;flex:0 0 180px;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;white-space:nowrap}@media screen and (max-width: 800px){verdocs-envelopes-list .last-modified{display:none}}verdocs-envelopes-list .envelope-name{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;color:#000000;line-height:28px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}verdocs-envelopes-list .envelope-recipients{color:#4b5563;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}verdocs-envelopes-list .empty-text{text-align:center;margin:16px 0 0 0;padding:80px 80px;border:2px solid #ccc}verdocs-envelopes-list .containing{gap:12px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}@media screen and (max-width: 800px){verdocs-envelopes-list verdocs-status-indicator{font-size:14px}}";
|
16
16
|
|
17
17
|
const DocumentIcon = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="#000000" viewBox="0 0 24 24" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12h3.75M9 15h3.75M9 18h3.75m3 .75H18a2.25 2.25 0 002.25-2.25V6.108c0-1.135-.845-2.098-1.976-2.192a48.424 48.424 0 00-1.123-.08m-5.801 0c-.065.21-.1.433-.1.664 0 .414.336.75.75.75h4.5a.75.75 0 00.75-.75 2.25 2.25 0 00-.1-.664m-5.8 0A2.251 2.251 0 0113.5 2.25H15c1.012 0 1.867.668 2.15 1.586m-5.8 0c-.376.023-.75.05-1.124.08C9.095 4.01 8.25 4.973 8.25 6.108V8.25m0 0H4.875c-.621 0-1.125.504-1.125 1.125v11.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V9.375c0-.621-.504-1.125-1.125-1.125H8.25zM6.75 12h.008v.008H6.75V12zm0 3h.008v.008H6.75V15zm0 3h.008v.008H6.75V18z" /></svg>`;
|
18
18
|
const ViewFilters = [
|
@@ -235,7 +235,7 @@ const VerdocsEnvelopesList = class {
|
|
235
235
|
else {
|
236
236
|
this.selectedEnvelopes = this.selectedEnvelopes.filter(e => e.id !== envelope.id);
|
237
237
|
}
|
238
|
-
} }), h("div", { class: "vert-spacer" }), h("span", { innerHTML: DocumentIcon }), h("div", { class: "envelope-name" }, envelope.name, ":\u00A0 ", h("div", { class: "envelope-recipients" }, envelope.recipients.map(r => r.full_name).join(', '))), h("div", { class: "vert-spacer" }), h("verdocs-status-indicator", { envelope: envelope, style: { width: '125px' } }), h("div", { class: "vert-spacer" }), h("div", { class: "last-modified" }, new Date(envelope.updated_at).toLocaleString()), h("div", { class: "vert-spacer" }), h("verdocs-dropdown", { options: menuOptions, onOptionSelected: e => {
|
238
|
+
} }), h("div", { class: "vert-spacer" }), h("span", { innerHTML: DocumentIcon, class: "envelope-icon" }), h("div", { class: "envelope-name" }, envelope.name, ":\u00A0 ", h("div", { class: "envelope-recipients" }, envelope.recipients.map(r => r.full_name).join(', '))), h("div", { class: "vert-spacer" }), h("verdocs-status-indicator", { envelope: envelope, style: { width: '125px' } }), h("div", { class: "vert-spacer" }), h("div", { class: "last-modified" }, new Date(envelope.updated_at).toLocaleString()), h("div", { class: "vert-spacer" }), h("verdocs-dropdown", { options: menuOptions, onOptionSelected: e => {
|
239
239
|
var _a, _b;
|
240
240
|
switch (e.detail.id) {
|
241
241
|
case 'view':
|
@@ -6,7 +6,7 @@ import { i as integerSequence } from './Primitives-8fe93caf.js';
|
|
6
6
|
import { S as SDKError } from './errors-9b5498c8.js';
|
7
7
|
import { f as format } from './index-914ed6f7.js';
|
8
8
|
|
9
|
-
const verdocsTemplatesListCss = "verdocs-templates-list{display
|
9
|
+
const verdocsTemplatesListCss = "verdocs-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}";
|
10
10
|
|
11
11
|
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>`;
|
12
12
|
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>`;
|
@@ -1 +1 @@
|
|
1
|
-
import{r as registerInstance,c as createEvent,h,H as Host}from"./index-151c0874.js";var verdocsDialogCss='verdocs-dialog{font-family:"Inter", "Barlow", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-dialog div{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-dialog .background-overlay{top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;z-index:10000;position:absolute;-ms-flex-align:center;align-items:center;background:#0000007f;-ms-flex-pack:center;justify-content:center}verdocs-dialog .dialog{width:420px;display:-ms-flexbox;display:flex;max-width:100%;overflow:hidden;border-radius:4px;-ms-flex-direction:column;flex-direction:column;background:#ffffff;-webkit-box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4);box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4)}verdocs-dialog .heading{display:-ms-flexbox;display:flex;font-size:16px;font-weight:500;padding:8px 16px;-ms-flex-direction:row;flex-direction:row;color:#ffffff;background:#46497d}verdocs-dialog .content{padding:16px}verdocs-dialog .content p{margin:0 0 1em 0}verdocs-dialog .buttons{gap:14px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}';var VerdocsDialog=function(){function e(e){registerInstance(this,e);this.exit=createEvent(this,"exit",7)}e.prototype.handleDismiss=function(e){var o;if(e.target.className==="background-overlay"){e.preventDefault();(o=this.exit)===null||o===void 0?void 0:o.emit()}};e.prototype.render=function(){var e=this;return h(Host,null,h("div",{class:"background-overlay",onClick:function(o){return e.handleDismiss(o)}},h("div",{class:"dialog"},h("slot",{name:"title"},h("div",{class:"heading"},"Please Confirm")),h("slot",null,h("div",{class:"content"})))))};return e}();VerdocsDialog.style=verdocsDialogCss;var verdocsTableCss='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}';var VerdocsTable=function(){function e(e){registerInstance(this,e);this.columns=[];this.data=[]}e.prototype.render=function(){var e=this;return h(Host,{class:"table-wrapper"},h("table",{class:"table"},h("thead",null,h("tr",{class:"row header-row"},this.columns.map((function(
|
1
|
+
import{r as registerInstance,c as createEvent,h,H as Host}from"./index-151c0874.js";var verdocsDialogCss='verdocs-dialog{font-family:"Inter", "Barlow", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-dialog div{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-dialog .background-overlay{top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;z-index:10000;position:absolute;-ms-flex-align:center;align-items:center;background:#0000007f;-ms-flex-pack:center;justify-content:center}verdocs-dialog .dialog{width:420px;display:-ms-flexbox;display:flex;max-width:100%;overflow:hidden;border-radius:4px;-ms-flex-direction:column;flex-direction:column;background:#ffffff;-webkit-box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4);box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4)}verdocs-dialog .heading{display:-ms-flexbox;display:flex;font-size:16px;font-weight:500;padding:8px 16px;-ms-flex-direction:row;flex-direction:row;color:#ffffff;background:#46497d}verdocs-dialog .content{padding:16px}verdocs-dialog .content p{margin:0 0 1em 0}verdocs-dialog .buttons{gap:14px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}';var VerdocsDialog=function(){function e(e){registerInstance(this,e);this.exit=createEvent(this,"exit",7)}e.prototype.handleDismiss=function(e){var o;if(e.target.className==="background-overlay"){e.preventDefault();(o=this.exit)===null||o===void 0?void 0:o.emit()}};e.prototype.render=function(){var e=this;return h(Host,null,h("div",{class:"background-overlay",onClick:function(o){return e.handleDismiss(o)}},h("div",{class:"dialog"},h("slot",{name:"title"},h("div",{class:"heading"},"Please Confirm")),h("slot",null,h("div",{class:"content"})))))};return e}();VerdocsDialog.style=verdocsDialogCss;var verdocsTableCss='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}';var VerdocsTable=function(){function e(e){registerInstance(this,e);this.colHeaderClick=createEvent(this,"colHeaderClick",7);this.rowClick=createEvent(this,"rowClick",7);this.columns=[];this.data=[]}e.prototype.render=function(){var e=this;return h(Host,{class:"table-wrapper"},h("table",{class:"table"},h("thead",null,h("tr",{class:"row header-row"},this.columns.map((function(o,t){return h("th",{class:"col header-col col-".concat(t," col-").concat(o.id),onClick:function(){var t;return(t=e.colHeaderClick)===null||t===void 0?void 0:t.emit({col:o})},innerHTML:o.renderHeader?o.renderHeader(o):o.header||o.id})})))),h("tbody",null,this.data.map((function(o){return h("tr",{class:"row data-row",onClick:function(){var t;return(t=e.rowClick)===null||t===void 0?void 0:t.emit({row:o})}},e.columns.map((function(e,t){var r;return h("td",{class:"col data-col col-".concat(t," col-").concat(e.id)},((r=e.renderCell)===null||r===void 0?void 0:r.call(e,e,o))||o[e.id])})))})))))};return e}();VerdocsTable.style=verdocsTableCss;var verdocsTabsCss='verdocs-tabs{width:100%;height:50px;display:-ms-flexbox;display:flex;color:#72757d;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 0 10px 0;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:end;align-items:flex-end;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#e5e5e5;font-family:"Inter", "Barlow", sans-serif;-webkit-filter:drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1)) drop-shadow(0 1px 1px rgba(0, 0, 0, 0.06));filter:drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1)) drop-shadow(0 1px 1px rgba(0, 0, 0, 0.06))}verdocs-tabs .tab{height:50px;display:-ms-flexbox;display:flex;cursor:pointer;padding:0 40px;font-size:16px;font-weight:600;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background-color:#e4e4e7}verdocs-tabs .tab.active{color:#707ae5;background-color:#ffffff}verdocs-tabs .tab.disabled{color:#d4d4d8;cursor:default}';var VerdocsTabs=function(){function e(e){registerInstance(this,e);this.selectTab=createEvent(this,"selectTab",7);this.tabs=[];this.defaultTab=0;this.selectedTab=0}e.prototype.componentWillLoad=function(){this.selectedTab=this.defaultTab||0};e.prototype.handleSelectTab=function(e){var o;this.selectedTab=e;(o=this.selectTab)===null||o===void 0?void 0:o.emit({tab:this.tabs[e],index:e})};e.prototype.render=function(){var e=this;return h(Host,null,this.tabs.map((function(o,t){return h("div",{class:"tab ".concat(t===e.selectedTab?"active":""," ").concat(o.disabled?"disabled":""),onClick:o.disabled?function(){}:function(){return e.handleSelectTab(t)}},o.label)})),h("div",{class:"flex flex-1"}),h("slot",null,h("div",null)))};return e}();VerdocsTabs.style=verdocsTabsCss;export{VerdocsDialog as verdocs_dialog,VerdocsTable as verdocs_table,VerdocsTabs as verdocs_tabs};
|