@verdocs/web-sdk 4.0.7 → 4.0.8
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-button_3.cjs.entry.js +1 -1
- package/dist/cjs/verdocs-checkbox_5.cjs.entry.js +1 -1
- package/dist/cjs/verdocs-file-chooser_2.cjs.entry.js +1 -1
- package/dist/cjs/verdocs-floating-menu.cjs.entry.js +1 -1
- package/dist/cjs/verdocs-loader.cjs.entry.js +1 -1
- package/dist/cjs/verdocs-organization-card.cjs.entry.js +1 -1
- package/dist/cjs/verdocs-pagination_2.cjs.entry.js +1 -1
- package/dist/collection/components/controls/verdocs-floating-menu/verdocs-floating-menu.js +1 -6
- package/dist/collection/components/controls/verdocs-help-icon/verdocs-help-icon.js +1 -4
- package/dist/collection/components/controls/verdocs-loader/verdocs-loader.js +1 -4
- package/dist/collection/components/controls/verdocs-organization-card/verdocs-organization-card.js +1 -4
- package/dist/collection/components/controls/verdocs-pagination/verdocs-pagination.js +1 -4
- package/dist/collection/components/controls/verdocs-portal/verdocs-portal.js +1 -9
- package/dist/collection/components/controls/verdocs-progress-bar/verdocs-progress-bar.js +1 -4
- package/dist/components/verdocs-floating-menu.js +1 -1
- package/dist/components/verdocs-help-icon2.js +1 -1
- package/dist/components/verdocs-loader2.js +1 -1
- package/dist/components/verdocs-organization-card.js +1 -1
- package/dist/components/verdocs-pagination2.js +1 -1
- package/dist/components/verdocs-portal2.js +1 -1
- package/dist/components/verdocs-progress-bar2.js +1 -1
- package/dist/custom-elements.json +2134 -0
- package/dist/docs.json +9 -14
- package/dist/esm/verdocs-button_3.entry.js +1 -1
- package/dist/esm/verdocs-checkbox_5.entry.js +1 -1
- package/dist/esm/verdocs-file-chooser_2.entry.js +1 -1
- package/dist/esm/verdocs-floating-menu.entry.js +1 -1
- package/dist/esm/verdocs-loader.entry.js +1 -1
- package/dist/esm/verdocs-organization-card.entry.js +1 -1
- package/dist/esm/verdocs-pagination_2.entry.js +1 -1
- package/dist/esm-es5/verdocs-button_3.entry.js +1 -1
- package/dist/esm-es5/verdocs-checkbox_5.entry.js +1 -1
- package/dist/esm-es5/verdocs-file-chooser_2.entry.js +1 -1
- package/dist/esm-es5/verdocs-floating-menu.entry.js +1 -1
- package/dist/esm-es5/verdocs-loader.entry.js +1 -1
- package/dist/esm-es5/verdocs-organization-card.entry.js +1 -1
- package/dist/esm-es5/verdocs-pagination_2.entry.js +1 -1
- package/dist/types/components/controls/verdocs-floating-menu/verdocs-floating-menu.d.ts +0 -5
- package/dist/types/components/controls/verdocs-help-icon/verdocs-help-icon.d.ts +0 -3
- package/dist/types/components/controls/verdocs-loader/verdocs-loader.d.ts +0 -3
- package/dist/types/components/controls/verdocs-organization-card/verdocs-organization-card.d.ts +0 -3
- package/dist/types/components/controls/verdocs-pagination/verdocs-pagination.d.ts +0 -3
- package/dist/types/components/controls/verdocs-portal/verdocs-portal.d.ts +0 -8
- package/dist/types/components/controls/verdocs-progress-bar/verdocs-progress-bar.d.ts +0 -3
- package/dist/types/components.d.ts +0 -112
- package/dist/verdocs-web-sdk/{p-5b9c0b5d.system.entry.js → p-0e44d592.system.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-5bc622c5.entry.js → p-14fe476a.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-b952113a.entry.js → p-3102c8fb.entry.js} +1 -1
- package/dist/verdocs-web-sdk/p-322fa613.system.js +1 -1
- package/dist/verdocs-web-sdk/{p-7d035035.system.entry.js → p-3999bace.system.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-8a0fd8b4.system.entry.js → p-44acae9e.system.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-fd064f80.entry.js → p-4ae82766.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-6fe0d270.entry.js → p-6d52b500.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-c22eccdd.entry.js → p-7aacdd81.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-9746816b.system.entry.js → p-8164d8bf.system.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-69ea5cb9.system.entry.js → p-8bb229dd.system.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-9a780e51.system.entry.js → p-91483dea.system.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-9f7a6ff6.entry.js → p-9e86a14a.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-c3abfbb5.system.entry.js → p-ac9b5e3f.system.entry.js} +1 -1
- package/dist/verdocs-web-sdk/{p-5cc3dcb2.entry.js → p-c81bc939.entry.js} +1 -1
- package/dist/verdocs-web-sdk/verdocs-web-sdk.esm.js +1 -1
- package/package.json +1 -1
|
@@ -59,7 +59,7 @@ const VerdocsHelpIcon = class {
|
|
|
59
59
|
(_a = this.tooltipEl) === null || _a === void 0 ? void 0 : _a.removeAttribute('data-show');
|
|
60
60
|
}
|
|
61
61
|
render() {
|
|
62
|
-
return (index.h(index.Host, { key: '
|
|
62
|
+
return (index.h(index.Host, { key: '986dfad6178415607ada69ee50b3365bdec064b0', class: {} }, index.h("div", { key: '89ff032379d89a37d06bd6a0f6bc76a004ec4133', "aria-describedby": this.containerId, class: "icon", innerHTML: this.icon, onMouseEnter: () => this.show(), onFocus: () => this.show(), onMouseLeave: () => this.hide(), onBlur: () => this.hide(), ref: el => (this.iconEl = el) }), index.h("div", { key: '3e0e62c84b6fcda986e0468eb33165bd3ea0b47f', id: this.containerId, role: "tooltip", class: "tooltip", "data-popper-placement": "bottom", ref: el => (this.tooltipEl = el) }, index.h("span", { key: '7650862d8c82d0571a510f6579ffa5d44b483930', innerHTML: this.text }), index.h("div", { key: '93633ec14de65aafbce3d46cbf9eb4617c3051ae', "data-popper-arrow": "true", class: "arrow" }))));
|
|
63
63
|
}
|
|
64
64
|
};
|
|
65
65
|
VerdocsHelpIcon.style = VerdocsHelpIconStyle0;
|
|
@@ -111,7 +111,7 @@ const VerdocsPortal = class {
|
|
|
111
111
|
this.moved ? this.portal.remove() : (this.moved = true);
|
|
112
112
|
}
|
|
113
113
|
render() {
|
|
114
|
-
return (index.h(index.Host, { key: '
|
|
114
|
+
return (index.h(index.Host, { key: 'fe50082da1b3228d1492330d3cea3536af919794', ref: el => (this.element = el) }, index.h("slot", { key: '6b5dcf7d19c5de30eed63bb6e568bf0054930a0f' })));
|
|
115
115
|
}
|
|
116
116
|
};
|
|
117
117
|
VerdocsPortal.style = VerdocsPortalStyle0;
|
|
@@ -48,7 +48,7 @@ const VerdocsProgressBar = class {
|
|
|
48
48
|
}
|
|
49
49
|
render() {
|
|
50
50
|
const widthPercent = Math.ceil((100 * Math.min(this.percent, 100)) / 100);
|
|
51
|
-
return (index.h(index.Host, { key: '
|
|
51
|
+
return (index.h(index.Host, { key: '3bdafa75c9908d839f4798cca904ef0d87e77e79' }, index.h("div", { key: '37306b18904d0824c8169911023fd0d11db83c3f', class: "labels" }, this.label && index.h("div", { key: '1cc24f6fa43f35802f20ebdd5fecbfd9497bab03', class: "label" }, this.label), this.showPercent && index.h("div", { key: 'd380b895f79be2c234a3ef492c67e2f1e79e0502', class: "label" }, this.percent, "%")), index.h("div", { key: '10301a56898976fe9ade194691de5f96f5af3ca9', class: "bar" }, index.h("div", { key: 'f7b764b7869b07a1e206294562840302c89fa2ef', class: "slider", style: { width: `${widthPercent}%` } }))));
|
|
52
52
|
}
|
|
53
53
|
};
|
|
54
54
|
VerdocsProgressBar.style = VerdocsProgressBarStyle0;
|
|
@@ -98,7 +98,7 @@ const VerdocsFloatingMenu = class {
|
|
|
98
98
|
}
|
|
99
99
|
}
|
|
100
100
|
render() {
|
|
101
|
-
return index.h(index.Host, { key: '
|
|
101
|
+
return index.h(index.Host, { key: '5a96af4115dc0383751e35ac6b889689fc5256d0' });
|
|
102
102
|
}
|
|
103
103
|
get el() { return index.getElement(this); }
|
|
104
104
|
};
|
|
@@ -12,7 +12,7 @@ const VerdocsLoader = class {
|
|
|
12
12
|
index.registerInstance(this, hostRef);
|
|
13
13
|
}
|
|
14
14
|
render() {
|
|
15
|
-
return index.h(index.Host, { key: '
|
|
15
|
+
return index.h(index.Host, { key: '978af3f63b8c4582f2c92c97d7eea45dd9f71ae9' });
|
|
16
16
|
}
|
|
17
17
|
};
|
|
18
18
|
VerdocsLoader.style = VerdocsLoaderStyle0;
|
|
@@ -16,7 +16,7 @@ const VerdocsOrganizationCard = class {
|
|
|
16
16
|
this.organization = undefined;
|
|
17
17
|
}
|
|
18
18
|
render() {
|
|
19
|
-
return (index.h(index.Host, { key: '
|
|
19
|
+
return (index.h(index.Host, { key: 'd1f1438a26008aff2ff3f473d4a1415ad6eb9107' }, index.h("span", { key: '8c75f4a11489eed0e4dd8ecbf6473fd3602a9323', class: "icon", innerHTML: this.organization.is_business ? BusinessIcon : UserIcon }), index.h("span", { key: 'b4a8b89fd3a035a706824e88e2fc5dd094e13930', class: "content" }, this.organization.name), index.h("div", { key: 'f37b67e08213a32c7158ef1295264468e245ffd0', class: "popup" }, index.h("div", { key: '5b3aa31a3e2a06d60aeb4c8001859dd5074a010b', class: "popup-header" }, index.h("span", { key: 'a8162c6716b0cee90d45f387f8192db065f30a0b', class: "status" }, index.h("span", { key: '6c219d9bb4084204c20f3a1c5b6cd136d7ed9bdd', class: "icon", innerHTML: this.organization.is_business ? BusinessIcon : UserIcon })), index.h("span", { key: '1d1eb7223bbf22fa36e3d5c229f257531f884849', class: "title" }, this.organization.name)), index.h("div", { key: '38e0749bac30611f8ccce43a60216ba37e2a0ca3', class: "popup-body" }, index.h("div", { key: 'b814334edaf18af880c3399e60ad4b3dedccca95', class: "field" }, index.h("strong", { key: '267dc23c6f9657913c31dec508f87f02408bdb66' }, "Joined"), index$1.dateFns.format(new Date(this.organization.created_at || undefined), 'LLL d, Y')), this.organization.url && (index.h("div", { key: 'a68b424bf082741939e7dec61f7caa65fd922e18', class: "field" }, index.h("strong", { key: '004bb983f25e43cf42b55ade32d94103a69df0b1' }, "Website"), index.h("a", { key: '2aa22f7aebb0be11289d1fd08cb5342e9b3f4609', href: this.organization.url, target: "_blank", rel: "nofollow" }, this.organization.url)))))));
|
|
20
20
|
}
|
|
21
21
|
};
|
|
22
22
|
VerdocsOrganizationCard.style = VerdocsOrganizationCardStyle0;
|
|
@@ -45,7 +45,7 @@ const VerdocsQuickFilter$1 = class {
|
|
|
45
45
|
const firstPage = Math.max(0, this.selectedPage - 2);
|
|
46
46
|
const numPages = this.itemCount > 0 ? Math.ceil(this.itemCount / this.perPage) : 0;
|
|
47
47
|
const pagesToDisplay = jsSdk.integerSequence(0, Math.ceil(this.itemCount / this.perPage)).slice(firstPage, firstPage + VISIBLE_PAGES);
|
|
48
|
-
return (index.h(index.Host, { key: '
|
|
48
|
+
return (index.h(index.Host, { key: 'b8dd66f21bffa468b40674e3ee68fbead0dd300c' }, this.selectedPage > 0 && index.h(PageButton, { key: '0e5b3a90f97ed05f87a56a400404a9168e2dd208', page: 'first', selected: this.selectedPage, onClick: () => this.handleSelectPage(0) }), firstPage > 0 && index.h("div", { key: 'a2e31ffd4452f88b0a8ab88a55f3adae765b5157', class: "ellipsis" }, "..."), pagesToDisplay.map(pageNumber => (index.h(PageButton, { page: pageNumber, selected: this.selectedPage, onClick: page => this.handleSelectPage(+page) }))), this.selectedPage < numPages - 1 && index.h("div", { key: '9d720bcc6635c8ce891303304d97c82aa9ff9c2d', class: "ellipsis" }, "..."), this.selectedPage < numPages - 1 && index.h(PageButton, { key: '41bf9584d353c5ca15435ac970b89c49215fc6f3', page: 'last', selected: this.selectedPage, onClick: () => this.handleSelectPage(numPages - 1) })));
|
|
49
49
|
}
|
|
50
50
|
get el() { return index.getElement(this); }
|
|
51
51
|
};
|
|
@@ -27,11 +27,6 @@ const getScrollParent = node => {
|
|
|
27
27
|
};
|
|
28
28
|
return scrollParent(node);
|
|
29
29
|
};
|
|
30
|
-
/**
|
|
31
|
-
* Floating Action Button style menu. For proper placement, this should be added to the DOM inside a container that is set to
|
|
32
|
-
* `overflow-y: scroll;`. The component will detect that placement and position itself in the bottom-right corner on top of the
|
|
33
|
-
* container. It will be absolutely positioned so it will be unaffected by scrolling the container.
|
|
34
|
-
*/
|
|
35
30
|
export class VerdocsFloatingMenu {
|
|
36
31
|
constructor() {
|
|
37
32
|
this.menuContainer = null;
|
|
@@ -95,7 +90,7 @@ export class VerdocsFloatingMenu {
|
|
|
95
90
|
}
|
|
96
91
|
}
|
|
97
92
|
render() {
|
|
98
|
-
return h(Host, { key: '
|
|
93
|
+
return h(Host, { key: '5a96af4115dc0383751e35ac6b889689fc5256d0' });
|
|
99
94
|
}
|
|
100
95
|
static get is() { return "verdocs-floating-menu"; }
|
|
101
96
|
static get originalStyleUrls() {
|
|
@@ -1,9 +1,6 @@
|
|
|
1
1
|
import { createPopper } from "@popperjs/core";
|
|
2
2
|
import { h, Host } from "@stencil/core";
|
|
3
3
|
const helpIcon = '<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24" fill="#5c6575"><path d="M11.925 18q.55 0 .938-.387.387-.388.387-.938 0-.55-.387-.925-.388-.375-.938-.375-.55 0-.925.375t-.375.925q0 .55.375.938.375.387.925.387Zm-.95-3.85h1.95q0-.8.2-1.287.2-.488 1.025-1.288.65-.625 1.025-1.213.375-.587.375-1.437 0-1.425-1.025-2.175Q13.5 6 12.1 6q-1.425 0-2.35.775t-1.275 1.85l1.775.7q.125-.45.55-.975.425-.525 1.275-.525.725 0 1.1.412.375.413.375.888 0 .475-.287.9-.288.425-.713.775-1.075.95-1.325 1.475-.25.525-.25 1.875ZM12 22.2q-2.125 0-3.988-.8-1.862-.8-3.237-2.175Q3.4 17.85 2.6 15.988 1.8 14.125 1.8 12t.8-3.988q.8-1.862 2.175-3.237Q6.15 3.4 8.012 2.6 9.875 1.8 12 1.8t3.988.8q1.862.8 3.237 2.175Q20.6 6.15 21.4 8.012q.8 1.863.8 3.988t-.8 3.988q-.8 1.862-2.175 3.237Q17.85 20.6 15.988 21.4q-1.863.8-3.988.8Zm0-2.275q3.325 0 5.625-2.3t2.3-5.625q0-3.325-2.3-5.625T12 4.075q-3.325 0-5.625 2.3T4.075 12q0 3.325 2.3 5.625t5.625 2.3ZM12 12Z"/></svg>';
|
|
4
|
-
/**
|
|
5
|
-
* Displays a simple help icon. Upon hover or focus, a tooltip will be displayed with help text.
|
|
6
|
-
*/
|
|
7
4
|
export class VerdocsHelpIcon {
|
|
8
5
|
constructor() {
|
|
9
6
|
this.text = '';
|
|
@@ -32,7 +29,7 @@ export class VerdocsHelpIcon {
|
|
|
32
29
|
(_a = this.tooltipEl) === null || _a === void 0 ? void 0 : _a.removeAttribute('data-show');
|
|
33
30
|
}
|
|
34
31
|
render() {
|
|
35
|
-
return (h(Host, { key: '
|
|
32
|
+
return (h(Host, { key: '986dfad6178415607ada69ee50b3365bdec064b0', class: {} }, h("div", { key: '89ff032379d89a37d06bd6a0f6bc76a004ec4133', "aria-describedby": this.containerId, class: "icon", innerHTML: this.icon, onMouseEnter: () => this.show(), onFocus: () => this.show(), onMouseLeave: () => this.hide(), onBlur: () => this.hide(), ref: el => (this.iconEl = el) }), h("div", { key: '3e0e62c84b6fcda986e0468eb33165bd3ea0b47f', id: this.containerId, role: "tooltip", class: "tooltip", "data-popper-placement": "bottom", ref: el => (this.tooltipEl = el) }, h("span", { key: '7650862d8c82d0571a510f6579ffa5d44b483930', innerHTML: this.text }), h("div", { key: '93633ec14de65aafbce3d46cbf9eb4617c3051ae', "data-popper-arrow": "true", class: "arrow" }))));
|
|
36
33
|
}
|
|
37
34
|
static get is() { return "verdocs-help-icon"; }
|
|
38
35
|
static get originalStyleUrls() {
|
|
@@ -1,10 +1,7 @@
|
|
|
1
1
|
import { h, Host } from "@stencil/core";
|
|
2
|
-
/**
|
|
3
|
-
* Animated loader placeholder. There are currently no configuration options for this control.
|
|
4
|
-
*/
|
|
5
2
|
export class VerdocsLoader {
|
|
6
3
|
render() {
|
|
7
|
-
return h(Host, { key: '
|
|
4
|
+
return h(Host, { key: '978af3f63b8c4582f2c92c97d7eea45dd9f71ae9' });
|
|
8
5
|
}
|
|
9
6
|
static get is() { return "verdocs-loader"; }
|
|
10
7
|
static get originalStyleUrls() {
|
package/dist/collection/components/controls/verdocs-organization-card/verdocs-organization-card.js
CHANGED
|
@@ -2,15 +2,12 @@ import { format } from "date-fns";
|
|
|
2
2
|
import { h, Host } from "@stencil/core";
|
|
3
3
|
const UserIcon = '<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px"><rect fill="none" height="24" width="24"/><g><path d="M4,13c1.1,0,2-0.9,2-2c0-1.1-0.9-2-2-2s-2,0.9-2,2C2,12.1,2.9,13,4,13z M5.13,14.1C4.76,14.04,4.39,14,4,14 c-0.99,0-1.93,0.21-2.78,0.58C0.48,14.9,0,15.62,0,16.43V18l4.5,0v-1.61C4.5,15.56,4.73,14.78,5.13,14.1z M20,13c1.1,0,2-0.9,2-2 c0-1.1-0.9-2-2-2s-2,0.9-2,2C18,12.1,18.9,13,20,13z M24,16.43c0-0.81-0.48-1.53-1.22-1.85C21.93,14.21,20.99,14,20,14 c-0.39,0-0.76,0.04-1.13,0.1c0.4,0.68,0.63,1.46,0.63,2.29V18l4.5,0V16.43z M16.24,13.65c-1.17-0.52-2.61-0.9-4.24-0.9 c-1.63,0-3.07,0.39-4.24,0.9C6.68,14.13,6,15.21,6,16.39V18h12v-1.61C18,15.21,17.32,14.13,16.24,13.65z M8.07,16 c0.09-0.23,0.13-0.39,0.91-0.69c0.97-0.38,1.99-0.56,3.02-0.56s2.05,0.18,3.02,0.56c0.77,0.3,0.81,0.46,0.91,0.69H8.07z M12,8 c0.55,0,1,0.45,1,1s-0.45,1-1,1s-1-0.45-1-1S11.45,8,12,8 M12,6c-1.66,0-3,1.34-3,3c0,1.66,1.34,3,3,3s3-1.34,3-3 C15,7.34,13.66,6,12,6L12,6z"/></g></svg>';
|
|
4
4
|
const BusinessIcon = '<svg xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true" height="24px" viewBox="0 0 24 24" width="24px"><path d="M12 7V3H2v18h20V7H12zM6 19H4v-2h2v2zm0-4H4v-2h2v2zm0-4H4V9h2v2zm0-4H4V5h2v2zm4 12H8v-2h2v2zm0-4H8v-2h2v2zm0-4H8V9h2v2zm0-4H8V5h2v2zm10 12h-8v-2h2v-2h-2v-2h2v-2h-2V9h8v10zm-2-8h-2v2h2v-2zm0 4h-2v2h2v-2z"></path></svg>';
|
|
5
|
-
/**
|
|
6
|
-
* Display a small summary card describing an organization
|
|
7
|
-
*/
|
|
8
5
|
export class VerdocsOrganizationCard {
|
|
9
6
|
constructor() {
|
|
10
7
|
this.organization = undefined;
|
|
11
8
|
}
|
|
12
9
|
render() {
|
|
13
|
-
return (h(Host, { key: '
|
|
10
|
+
return (h(Host, { key: 'd1f1438a26008aff2ff3f473d4a1415ad6eb9107' }, h("span", { key: '8c75f4a11489eed0e4dd8ecbf6473fd3602a9323', class: "icon", innerHTML: this.organization.is_business ? BusinessIcon : UserIcon }), h("span", { key: 'b4a8b89fd3a035a706824e88e2fc5dd094e13930', class: "content" }, this.organization.name), h("div", { key: 'f37b67e08213a32c7158ef1295264468e245ffd0', class: "popup" }, h("div", { key: '5b3aa31a3e2a06d60aeb4c8001859dd5074a010b', class: "popup-header" }, h("span", { key: 'a8162c6716b0cee90d45f387f8192db065f30a0b', class: "status" }, h("span", { key: '6c219d9bb4084204c20f3a1c5b6cd136d7ed9bdd', class: "icon", innerHTML: this.organization.is_business ? BusinessIcon : UserIcon })), h("span", { key: '1d1eb7223bbf22fa36e3d5c229f257531f884849', class: "title" }, this.organization.name)), h("div", { key: '38e0749bac30611f8ccce43a60216ba37e2a0ca3', class: "popup-body" }, h("div", { key: 'b814334edaf18af880c3399e60ad4b3dedccca95', class: "field" }, h("strong", { key: '267dc23c6f9657913c31dec508f87f02408bdb66' }, "Joined"), format(new Date(this.organization.created_at || undefined), 'LLL d, Y')), this.organization.url && (h("div", { key: 'a68b424bf082741939e7dec61f7caa65fd922e18', class: "field" }, h("strong", { key: '004bb983f25e43cf42b55ade32d94103a69df0b1' }, "Website"), h("a", { key: '2aa22f7aebb0be11289d1fd08cb5342e9b3f4609', href: this.organization.url, target: "_blank", rel: "nofollow" }, this.organization.url)))))));
|
|
14
11
|
}
|
|
15
12
|
static get is() { return "verdocs-organization-card"; }
|
|
16
13
|
static get originalStyleUrls() {
|
|
@@ -17,9 +17,6 @@ const PageButton = ({ page, selected, onClick }) => {
|
|
|
17
17
|
}
|
|
18
18
|
return h("div", { class: `page-button ${page === selected ? 'selected' : ''}`, onClick: () => onClick(page), innerHTML: label });
|
|
19
19
|
};
|
|
20
|
-
/**
|
|
21
|
-
* Display a drop-down menu of quick filter options.
|
|
22
|
-
*/
|
|
23
20
|
export class VerdocsQuickFilter {
|
|
24
21
|
constructor() {
|
|
25
22
|
this.selectedPage = 0;
|
|
@@ -35,7 +32,7 @@ export class VerdocsQuickFilter {
|
|
|
35
32
|
const firstPage = Math.max(0, this.selectedPage - 2);
|
|
36
33
|
const numPages = this.itemCount > 0 ? Math.ceil(this.itemCount / this.perPage) : 0;
|
|
37
34
|
const pagesToDisplay = integerSequence(0, Math.ceil(this.itemCount / this.perPage)).slice(firstPage, firstPage + VISIBLE_PAGES);
|
|
38
|
-
return (h(Host, { key: '
|
|
35
|
+
return (h(Host, { key: 'b8dd66f21bffa468b40674e3ee68fbead0dd300c' }, this.selectedPage > 0 && h(PageButton, { key: '0e5b3a90f97ed05f87a56a400404a9168e2dd208', page: 'first', selected: this.selectedPage, onClick: () => this.handleSelectPage(0) }), firstPage > 0 && h("div", { key: 'a2e31ffd4452f88b0a8ab88a55f3adae765b5157', class: "ellipsis" }, "..."), pagesToDisplay.map(pageNumber => (h(PageButton, { page: pageNumber, selected: this.selectedPage, onClick: page => this.handleSelectPage(+page) }))), this.selectedPage < numPages - 1 && h("div", { key: '9d720bcc6635c8ce891303304d97c82aa9ff9c2d', class: "ellipsis" }, "..."), this.selectedPage < numPages - 1 && h(PageButton, { key: '41bf9584d353c5ca15435ac970b89c49215fc6f3', page: 'last', selected: this.selectedPage, onClick: () => this.handleSelectPage(numPages - 1) })));
|
|
39
36
|
}
|
|
40
37
|
static get is() { return "verdocs-pagination"; }
|
|
41
38
|
static get originalStyleUrls() {
|
|
@@ -1,13 +1,5 @@
|
|
|
1
1
|
import { h, Host } from "@stencil/core";
|
|
2
2
|
const Z_INDEX = '10001';
|
|
3
|
-
/**
|
|
4
|
-
* Display a child component in a "portal", popping it out of the main DOM tree
|
|
5
|
-
* to allow it to escape the bounds set by its parent.
|
|
6
|
-
* @credit https://github.com/tomas-teston/stencil-portal for the basic
|
|
7
|
-
* technique. This has been altered in a few ways to make it more friendly
|
|
8
|
-
* to cases where there may be multiple portals on the page and provide more
|
|
9
|
-
* alignment options for the child to be displayed.
|
|
10
|
-
*/
|
|
11
3
|
export class VerdocsPortal {
|
|
12
4
|
constructor() {
|
|
13
5
|
this.moved = false;
|
|
@@ -69,7 +61,7 @@ export class VerdocsPortal {
|
|
|
69
61
|
this.moved ? this.portal.remove() : (this.moved = true);
|
|
70
62
|
}
|
|
71
63
|
render() {
|
|
72
|
-
return (h(Host, { key: '
|
|
64
|
+
return (h(Host, { key: 'fe50082da1b3228d1492330d3cea3536af919794', ref: el => (this.element = el) }, h("slot", { key: '6b5dcf7d19c5de30eed63bb6e568bf0054930a0f' })));
|
|
73
65
|
}
|
|
74
66
|
static get is() { return "verdocs-portal"; }
|
|
75
67
|
static get originalStyleUrls() {
|
|
@@ -1,7 +1,4 @@
|
|
|
1
1
|
import { h, Host } from "@stencil/core";
|
|
2
|
-
/**
|
|
3
|
-
* Displays a summary of a template
|
|
4
|
-
*/
|
|
5
2
|
export class VerdocsProgressBar {
|
|
6
3
|
constructor() {
|
|
7
4
|
this.label = '';
|
|
@@ -10,7 +7,7 @@ export class VerdocsProgressBar {
|
|
|
10
7
|
}
|
|
11
8
|
render() {
|
|
12
9
|
const widthPercent = Math.ceil((100 * Math.min(this.percent, 100)) / 100);
|
|
13
|
-
return (h(Host, { key: '
|
|
10
|
+
return (h(Host, { key: '3bdafa75c9908d839f4798cca904ef0d87e77e79' }, h("div", { key: '37306b18904d0824c8169911023fd0d11db83c3f', class: "labels" }, this.label && h("div", { key: '1cc24f6fa43f35802f20ebdd5fecbfd9497bab03', class: "label" }, this.label), this.showPercent && h("div", { key: 'd380b895f79be2c234a3ef492c67e2f1e79e0502', class: "label" }, this.percent, "%")), h("div", { key: '10301a56898976fe9ade194691de5f96f5af3ca9', class: "bar" }, h("div", { key: 'f7b764b7869b07a1e206294562840302c89fa2ef', class: "slider", style: { width: `${widthPercent}%` } }))));
|
|
14
11
|
}
|
|
15
12
|
static get is() { return "verdocs-progress-bar"; }
|
|
16
13
|
static get originalStyleUrls() {
|
|
@@ -96,7 +96,7 @@ const VerdocsFloatingMenu$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsFloa
|
|
|
96
96
|
}
|
|
97
97
|
}
|
|
98
98
|
render() {
|
|
99
|
-
return h(Host, { key: '
|
|
99
|
+
return h(Host, { key: '5a96af4115dc0383751e35ac6b889689fc5256d0' });
|
|
100
100
|
}
|
|
101
101
|
get el() { return this; }
|
|
102
102
|
static get style() { return VerdocsFloatingMenuStyle0; }
|
|
@@ -35,7 +35,7 @@ const VerdocsHelpIcon = /*@__PURE__*/ proxyCustomElement(class VerdocsHelpIcon e
|
|
|
35
35
|
(_a = this.tooltipEl) === null || _a === void 0 ? void 0 : _a.removeAttribute('data-show');
|
|
36
36
|
}
|
|
37
37
|
render() {
|
|
38
|
-
return (h(Host, { key: '
|
|
38
|
+
return (h(Host, { key: '986dfad6178415607ada69ee50b3365bdec064b0', class: {} }, h("div", { key: '89ff032379d89a37d06bd6a0f6bc76a004ec4133', "aria-describedby": this.containerId, class: "icon", innerHTML: this.icon, onMouseEnter: () => this.show(), onFocus: () => this.show(), onMouseLeave: () => this.hide(), onBlur: () => this.hide(), ref: el => (this.iconEl = el) }), h("div", { key: '3e0e62c84b6fcda986e0468eb33165bd3ea0b47f', id: this.containerId, role: "tooltip", class: "tooltip", "data-popper-placement": "bottom", ref: el => (this.tooltipEl = el) }, h("span", { key: '7650862d8c82d0571a510f6579ffa5d44b483930', innerHTML: this.text }), h("div", { key: '93633ec14de65aafbce3d46cbf9eb4617c3051ae', "data-popper-arrow": "true", class: "arrow" }))));
|
|
39
39
|
}
|
|
40
40
|
static get style() { return VerdocsHelpIconStyle0; }
|
|
41
41
|
}, [0, "verdocs-help-icon", {
|
|
@@ -9,7 +9,7 @@ const VerdocsLoader = /*@__PURE__*/ proxyCustomElement(class VerdocsLoader exten
|
|
|
9
9
|
this.__registerHost();
|
|
10
10
|
}
|
|
11
11
|
render() {
|
|
12
|
-
return h(Host, { key: '
|
|
12
|
+
return h(Host, { key: '978af3f63b8c4582f2c92c97d7eea45dd9f71ae9' });
|
|
13
13
|
}
|
|
14
14
|
static get style() { return VerdocsLoaderStyle0; }
|
|
15
15
|
}, [0, "verdocs-loader"]);
|
|
@@ -13,7 +13,7 @@ const VerdocsOrganizationCard$1 = /*@__PURE__*/ proxyCustomElement(class Verdocs
|
|
|
13
13
|
this.organization = undefined;
|
|
14
14
|
}
|
|
15
15
|
render() {
|
|
16
|
-
return (h(Host, { key: '
|
|
16
|
+
return (h(Host, { key: 'd1f1438a26008aff2ff3f473d4a1415ad6eb9107' }, h("span", { key: '8c75f4a11489eed0e4dd8ecbf6473fd3602a9323', class: "icon", innerHTML: this.organization.is_business ? BusinessIcon : UserIcon }), h("span", { key: 'b4a8b89fd3a035a706824e88e2fc5dd094e13930', class: "content" }, this.organization.name), h("div", { key: 'f37b67e08213a32c7158ef1295264468e245ffd0', class: "popup" }, h("div", { key: '5b3aa31a3e2a06d60aeb4c8001859dd5074a010b', class: "popup-header" }, h("span", { key: 'a8162c6716b0cee90d45f387f8192db065f30a0b', class: "status" }, h("span", { key: '6c219d9bb4084204c20f3a1c5b6cd136d7ed9bdd', class: "icon", innerHTML: this.organization.is_business ? BusinessIcon : UserIcon })), h("span", { key: '1d1eb7223bbf22fa36e3d5c229f257531f884849', class: "title" }, this.organization.name)), h("div", { key: '38e0749bac30611f8ccce43a60216ba37e2a0ca3', class: "popup-body" }, h("div", { key: 'b814334edaf18af880c3399e60ad4b3dedccca95', class: "field" }, h("strong", { key: '267dc23c6f9657913c31dec508f87f02408bdb66' }, "Joined"), dateFns.format(new Date(this.organization.created_at || undefined), 'LLL d, Y')), this.organization.url && (h("div", { key: 'a68b424bf082741939e7dec61f7caa65fd922e18', class: "field" }, h("strong", { key: '004bb983f25e43cf42b55ade32d94103a69df0b1' }, "Website"), h("a", { key: '2aa22f7aebb0be11289d1fd08cb5342e9b3f4609', href: this.organization.url, target: "_blank", rel: "nofollow" }, this.organization.url)))))));
|
|
17
17
|
}
|
|
18
18
|
static get style() { return VerdocsOrganizationCardStyle0; }
|
|
19
19
|
}, [0, "verdocs-organization-card", {
|
|
@@ -38,7 +38,7 @@ const VerdocsQuickFilter = /*@__PURE__*/ proxyCustomElement(class VerdocsQuickFi
|
|
|
38
38
|
const firstPage = Math.max(0, this.selectedPage - 2);
|
|
39
39
|
const numPages = this.itemCount > 0 ? Math.ceil(this.itemCount / this.perPage) : 0;
|
|
40
40
|
const pagesToDisplay = integerSequence(0, Math.ceil(this.itemCount / this.perPage)).slice(firstPage, firstPage + VISIBLE_PAGES);
|
|
41
|
-
return (h(Host, { key: '
|
|
41
|
+
return (h(Host, { key: 'b8dd66f21bffa468b40674e3ee68fbead0dd300c' }, this.selectedPage > 0 && h(PageButton, { key: '0e5b3a90f97ed05f87a56a400404a9168e2dd208', page: 'first', selected: this.selectedPage, onClick: () => this.handleSelectPage(0) }), firstPage > 0 && h("div", { key: 'a2e31ffd4452f88b0a8ab88a55f3adae765b5157', class: "ellipsis" }, "..."), pagesToDisplay.map(pageNumber => (h(PageButton, { page: pageNumber, selected: this.selectedPage, onClick: page => this.handleSelectPage(+page) }))), this.selectedPage < numPages - 1 && h("div", { key: '9d720bcc6635c8ce891303304d97c82aa9ff9c2d', class: "ellipsis" }, "..."), this.selectedPage < numPages - 1 && h(PageButton, { key: '41bf9584d353c5ca15435ac970b89c49215fc6f3', page: 'last', selected: this.selectedPage, onClick: () => this.handleSelectPage(numPages - 1) })));
|
|
42
42
|
}
|
|
43
43
|
get el() { return this; }
|
|
44
44
|
static get style() { return VerdocsPaginationStyle0; }
|
|
@@ -68,7 +68,7 @@ const VerdocsPortal = /*@__PURE__*/ proxyCustomElement(class VerdocsPortal exten
|
|
|
68
68
|
this.moved ? this.portal.remove() : (this.moved = true);
|
|
69
69
|
}
|
|
70
70
|
render() {
|
|
71
|
-
return (h(Host, { key: '
|
|
71
|
+
return (h(Host, { key: 'fe50082da1b3228d1492330d3cea3536af919794', ref: el => (this.element = el) }, h("slot", { key: '6b5dcf7d19c5de30eed63bb6e568bf0054930a0f' })));
|
|
72
72
|
}
|
|
73
73
|
static get style() { return VerdocsPortalStyle0; }
|
|
74
74
|
}, [4, "verdocs-portal", {
|
|
@@ -13,7 +13,7 @@ const VerdocsProgressBar = /*@__PURE__*/ proxyCustomElement(class VerdocsProgres
|
|
|
13
13
|
}
|
|
14
14
|
render() {
|
|
15
15
|
const widthPercent = Math.ceil((100 * Math.min(this.percent, 100)) / 100);
|
|
16
|
-
return (h(Host, { key: '
|
|
16
|
+
return (h(Host, { key: '3bdafa75c9908d839f4798cca904ef0d87e77e79' }, h("div", { key: '37306b18904d0824c8169911023fd0d11db83c3f', class: "labels" }, this.label && h("div", { key: '1cc24f6fa43f35802f20ebdd5fecbfd9497bab03', class: "label" }, this.label), this.showPercent && h("div", { key: 'd380b895f79be2c234a3ef492c67e2f1e79e0502', class: "label" }, this.percent, "%")), h("div", { key: '10301a56898976fe9ade194691de5f96f5af3ca9', class: "bar" }, h("div", { key: 'f7b764b7869b07a1e206294562840302c89fa2ef', class: "slider", style: { width: `${widthPercent}%` } }))));
|
|
17
17
|
}
|
|
18
18
|
static get style() { return VerdocsProgressBarStyle0; }
|
|
19
19
|
}, [0, "verdocs-progress-bar", {
|