@verdocs/web-sdk 2.3.88 → 4.0.6

package/dist/esm/verdocs-ok-dialog.entry.js

@@ -1,36 +1,37 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-172625c5.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-b89cf6a4.js';
 
-const verdocsOkDialogCss = "@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-ok-dialog{font-family:\"Inter\", \"Barlow\", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-ok-dialog.closed{display:none}verdocs-ok-dialog .background-overlay{position:fixed;z-index:10000;top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:#0000007f}verdocs-ok-dialog .dialog{max-width:50%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;border-radius:4px;overflow:hidden;-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-ok-dialog .heading{display:-ms-flexbox;display:flex;font-size:16px;-ms-flex-direction:row;flex-direction:row;padding:8px 16px;font-weight:bold;color:#ffffff;background:#46497d}verdocs-ok-dialog .content{font-size:16px;background:#ffffff;padding:20px}verdocs-ok-dialog .buttons{display:-ms-flexbox;display:flex;margin:30px 0 0 0;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}verdocs-ok-dialog .buttons verdocs-button{margin-left:16px}";
+const verdocsOkDialogCss = "@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-ok-dialog{font-family:\"Inter\", \"Barlow\", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-ok-dialog.closed{display:none}verdocs-ok-dialog .background-overlay{position:fixed;z-index:10000;top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:rgba(0, 0, 0, 0.4980392157)}verdocs-ok-dialog .dialog{max-width:50%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;border-radius:4px;overflow:hidden;-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-ok-dialog .heading{display:-ms-flexbox;display:flex;font-size:16px;-ms-flex-direction:row;flex-direction:row;padding:8px 16px;font-weight:bold;color:#ffffff;background:#46497d}verdocs-ok-dialog .content{font-size:16px;background:#ffffff;padding:20px}verdocs-ok-dialog .buttons{display:-ms-flexbox;display:flex;margin:30px 0 0 0;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}verdocs-ok-dialog .buttons verdocs-button{margin-left:16px}";
+const VerdocsOkDialogStyle0 = verdocsOkDialogCss;
 
 const VerdocsOkDialog = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.next = createEvent(this, "next", 7);
-    this.exit = createEvent(this, "exit", 7);
-    this.heading = '';
-    this.message = '';
-    this.buttonLabel = 'OK';
-    this.showCancel = false;
-    this.closed = false;
-  }
-  handleOk() {
-    this.next.emit();
-  }
-  handleCancel() {
-    this.exit.emit();
-  }
-  // We need a separate event handler for clicking the background because it can receive events "through" other child components
-  handleDismiss(e) {
-    this.closed = true;
-    if (e.target.className === 'background-overlay') {
-      e.preventDefault();
-      this.exit.emit();
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.next = createEvent(this, "next", 7);
+        this.exit = createEvent(this, "exit", 7);
+        this.heading = '';
+        this.message = '';
+        this.buttonLabel = 'OK';
+        this.showCancel = false;
+        this.closed = false;
+    }
+    handleOk() {
+        this.next.emit();
+    }
+    handleCancel() {
+        this.exit.emit();
+    }
+    // We need a separate event handler for clicking the background because it can receive events "through" other child components
+    handleDismiss(e) {
+        this.closed = true;
+        if (e.target.className === 'background-overlay') {
+            e.preventDefault();
+            this.exit.emit();
+        }
+    }
+    render() {
+        return (h(Host, { key: '639fb911d524d6060c59941d0114464118e49b39', class: this.closed ? 'closed' : '' }, h("div", { key: '7af2c342b4435960994b6a7ceefee6ebb30d05b5', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: 'd5eafb0dcbb16a1f7e08a8ca015ecdcb1d612da5', class: "dialog" }, h("div", { key: '7175a3940da21d8f2fff3cc738f4be5383454aec', class: "heading" }, this.heading), h("div", { key: '39d6c7a6c42ede9f9580194a27c820c36cbc5c24', class: "content" }, h("div", { key: 'ed39edd2afa2502e6a579b7e6f91f18d8d7533ef', class: "message", innerHTML: this.message }), h("div", { key: '624edd4b0ff823bddc3b97a4c686e27e24d7e240', class: "buttons" }, this.showCancel ? h("verdocs-button", { label: "CANCEL", variant: "outline", onClick: () => this.handleCancel() }) : h("div", { style: { display: 'none' } }), h("verdocs-button", { key: '394a0a8954427cc419f4c18dd4d64e1ada4aeacd', label: this.buttonLabel, onClick: () => this.handleOk() })))))));
     }
-  }
-  render() {
-    return (h(Host, { class: this.closed ? 'closed' : '' }, h("div", { class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { class: "dialog" }, h("div", { class: "heading" }, this.heading), h("div", { class: "content" }, h("div", { class: "message", innerHTML: this.message }), h("div", { class: "buttons" }, this.showCancel ? h("verdocs-button", { label: "CANCEL", variant: "outline", onClick: () => this.handleCancel() }) : h("div", { style: { display: 'none' } }), h("verdocs-button", { label: this.buttonLabel, onClick: () => this.handleOk() })))))));
-  }
 };
-VerdocsOkDialog.style = verdocsOkDialogCss;
+VerdocsOkDialog.style = VerdocsOkDialogStyle0;
 
 export { VerdocsOkDialog as verdocs_ok_dialog };

package/dist/esm/verdocs-organization-card.entry.js

@@ -1,19 +1,20 @@
-import { r as registerInstance, h, H as Host } from './index-172625c5.js';
-import { f as format } from './index-914ed6f7.js';
+import { r as registerInstance, h, H as Host } from './index-b89cf6a4.js';
+import { d as dateFns } from './index-0329eed3.js';
 
 const verdocsOrganizationCardCss = "@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-organization-card{font-family:\"Inter\", \"Barlow\", sans-serif;position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;border:1px solid #cccccc;background:#ffffff;border-radius:8px;padding:7px 15px}verdocs-organization-card:hover>.popup{display:-ms-flexbox;display:flex;background:#ffffff;color:#33354c}verdocs-organization-card .icon{-ms-flex:0;flex:0;height:24px;width:24px;margin:0 14px 0 0}verdocs-organization-card .icon svg{fill:#aeb4bf;height:24px;width:24px}verdocs-organization-card .content{margin-top:2px}verdocs-organization-card .popup{position:absolute;top:-1px;left:-4px;display:none;border:1px solid #cccccc;border-radius:10px;width:326px;padding:20px 40px 0 40px;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;font-family:sans-serif}verdocs-organization-card .popup-header{display:-ms-flexbox;display:flex;-ms-flex:0;flex:0;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:end;align-items:flex-end;margin:0 0 20px 0;font-size:21px;line-height:16px;color:#4c56cb}verdocs-organization-card .popup-header .status{margin-right:20px}verdocs-organization-card .popup-body{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-size:14px;text-transform:uppercase}verdocs-organization-card .status{-webkit-transform:scale(1.5);transform:scale(1.5);width:24px;height:24px}verdocs-organization-card .field{margin:0 0 20px 0}verdocs-organization-card .field strong{color:#7b7b9a;display:block;margin:0 0 5px 0}verdocs-organization-card .field a{color:#654dcb;text-transform:uppercase}";
+const VerdocsOrganizationCardStyle0 = verdocsOrganizationCardCss;
 
 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>';
 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>';
 const VerdocsOrganizationCard = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.organization = undefined;
-  }
-  render() {
-    return (h(Host, null, h("span", { class: "icon", innerHTML: this.organization.is_business ? BusinessIcon : UserIcon }), h("span", { class: "content" }, this.organization.name), h("div", { class: "popup" }, h("div", { class: "popup-header" }, h("span", { class: "status" }, h("span", { class: "icon", innerHTML: this.organization.is_business ? BusinessIcon : UserIcon })), h("span", { class: "title" }, this.organization.name)), h("div", { class: "popup-body" }, h("div", { class: "field" }, h("strong", null, "Joined"), format(new Date(this.organization.created_at || undefined), 'LLL d, Y')), this.organization.url && (h("div", { class: "field" }, h("strong", null, "Website"), h("a", { href: this.organization.url, target: "_blank", rel: "nofollow" }, this.organization.url)))))));
-  }
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.organization = undefined;
+    }
+    render() {
+        return (h(Host, { key: 'c59bd95b53a78f455c5ebab34adce010c002681c' }, h("span", { key: '0bbc0dcb3b7183dfecd7825e756201e383a8b025', class: "icon", innerHTML: this.organization.is_business ? BusinessIcon : UserIcon }), h("span", { key: '4e4c3ce8ccdacabd42ceeda4d39b207907825011', class: "content" }, this.organization.name), h("div", { key: '139eea9cab95894539d075437b209a041700c08f', class: "popup" }, h("div", { key: 'fb5afefbc22b7e55dada752f42ef77e4c0d8df06', class: "popup-header" }, h("span", { key: '20cfeb72c620fbfec512560882d15ee94155f758', class: "status" }, h("span", { key: '40d786c63de515713953ad01487c900180c31f2b', class: "icon", innerHTML: this.organization.is_business ? BusinessIcon : UserIcon })), h("span", { key: '72d976fa876e586f6eb2c2904fe645d58b4b2d15', class: "title" }, this.organization.name)), h("div", { key: '28e8a339af3468edf93c1930daf6ec17bd067271', class: "popup-body" }, h("div", { key: 'a0539dd63e801dcfe00c237c3c4fe51d2631673e', class: "field" }, h("strong", { key: '005821da859bc074bbd6c3d620fa6ea042198a61' }, "Joined"), dateFns.format(new Date(this.organization.created_at || undefined), 'LLL d, Y')), this.organization.url && (h("div", { key: '4193b19c08d82ef397d67dd05c4e4132163a059c', class: "field" }, h("strong", { key: '477b78b127a6c168528b56a22d9fca0de91d0e10' }, "Website"), h("a", { key: '30009565a499acbf501668d2b6e09287cebd688f', href: this.organization.url, target: "_blank", rel: "nofollow" }, this.organization.url)))))));
+    }
 };
-VerdocsOrganizationCard.style = verdocsOrganizationCardCss;
+VerdocsOrganizationCard.style = VerdocsOrganizationCardStyle0;
 
 export { VerdocsOrganizationCard as verdocs_organization_card };

package/dist/esm/verdocs-pagination_2.entry.js

@@ -1,139 +1,138 @@
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-172625c5.js';
-import { i as integerSequence } from './Primitives-8fe93caf.js';
-import { d as renderedTextWidth } from './utils-f35325fe.js';
-import { c as createPopper } from './popper-15e448b4.js';
-import './_commonjsHelpers-5ec8f9b7.js';
-import './Envelopes-627c5239.js';
-import './Types-5f31149e.js';
-import './Types-086facf7.js';
-import './index-914ed6f7.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-b89cf6a4.js';
+import { integerSequence } from '@verdocs/js-sdk';
+import { j as renderedTextWidth } from './utils-61c1093b.js';
+import { c as createPopper } from './popper-0fbeff6d.js';
+import './Types-e4a6eba5.js';
+import './index-0329eed3.js';
 
 const verdocsPaginationCss = "@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-pagination{gap:8px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;font-family:\"Inter\", \"Barlow\", sans-serif}verdocs-pagination .page-button{height:38px;display:-ms-flexbox;display:flex;-ms-flex:0 0 38px;flex:0 0 38px;cursor:pointer;font-size:16px;font-weight:600;border-radius:4px;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;color:#33364b;border:1px solid #654dcb}verdocs-pagination .page-button svg{width:18px;height:18px}verdocs-pagination .page-button.selected{cursor:default;color:#ffffff;background:#654dcb}verdocs-pagination .ellipsis{width:38px;height:38px;display:-ms-flexbox;display:flex;-ms-flex:0 0 38px;flex:0 0 38px;line-height:32px;-ms-flex-pack:center;justify-content:center;color:#33364b}";
+const VerdocsPaginationStyle0 = verdocsPaginationCss;
 
 const ChevronDoubleLeft = `<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="M18.75 19.5l-7.5-7.5 7.5-7.5m-6 15L5.25 12l7.5-7.5" /></svg>`;
 const ChevronDoubleRight = `<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="M11.25 4.5l7.5 7.5-7.5 7.5m-6-15l7.5 7.5-7.5 7.5" /></svg>`;
 const VISIBLE_PAGES = 5;
 const PageButton = ({ page, selected, onClick }) => {
-  let label;
-  if (page === 'first') {
-    label = ChevronDoubleLeft;
-  }
-  else if (page === 'last') {
-    label = ChevronDoubleRight;
-  }
-  else {
-    label = String(page + 1);
-  }
-  return h("div", { class: `page-button ${page === selected ? 'selected' : ''}`, onClick: () => onClick(page), innerHTML: label });
+    let label;
+    if (page === 'first') {
+        label = ChevronDoubleLeft;
+    }
+    else if (page === 'last') {
+        label = ChevronDoubleRight;
+    }
+    else {
+        label = String(page + 1);
+    }
+    return h("div", { class: `page-button ${page === selected ? 'selected' : ''}`, onClick: () => onClick(page), innerHTML: label });
 };
 const VerdocsQuickFilter$1 = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.selectPage = createEvent(this, "selectPage", 7);
-    this.selectedPage = 0;
-    this.itemCount = 1;
-    this.perPage = 10;
-  }
-  handleSelectPage(page) {
-    var _a;
-    this.selectedPage = page;
-    (_a = this.selectPage) === null || _a === void 0 ? void 0 : _a.emit({ selectedPage: page });
-  }
-  render() {
-    const firstPage = Math.max(0, this.selectedPage - 2);
-    const numPages = this.itemCount > 0 ? Math.ceil(this.itemCount / this.perPage) : 0;
-    const pagesToDisplay = integerSequence(0, Math.ceil(this.itemCount / this.perPage)).slice(firstPage, firstPage + VISIBLE_PAGES);
-    return (h(Host, null, this.selectedPage > 0 && h(PageButton, { page: 'first', selected: this.selectedPage, onClick: () => this.handleSelectPage(0) }), firstPage > 0 && h("div", { class: "ellipsis" }, "..."), pagesToDisplay.map(pageNumber => (h(PageButton, { page: pageNumber, selected: this.selectedPage, onClick: page => this.handleSelectPage(+page) }))), this.selectedPage < numPages - 1 && h("div", { class: "ellipsis" }, "..."), this.selectedPage < numPages - 1 && h(PageButton, { page: 'last', selected: this.selectedPage, onClick: () => this.handleSelectPage(numPages - 1) })));
-  }
-  get el() { return getElement(this); }
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.selectPage = createEvent(this, "selectPage", 7);
+        this.selectedPage = 0;
+        this.itemCount = 1;
+        this.perPage = 10;
+    }
+    handleSelectPage(page) {
+        var _a;
+        this.selectedPage = page;
+        (_a = this.selectPage) === null || _a === void 0 ? void 0 : _a.emit({ selectedPage: page });
+    }
+    render() {
+        const firstPage = Math.max(0, this.selectedPage - 2);
+        const numPages = this.itemCount > 0 ? Math.ceil(this.itemCount / this.perPage) : 0;
+        const pagesToDisplay = integerSequence(0, Math.ceil(this.itemCount / this.perPage)).slice(firstPage, firstPage + VISIBLE_PAGES);
+        return (h(Host, { key: '0f4037058b7ebbca6fc1a95515ffa0043bc746a4' }, this.selectedPage > 0 && h(PageButton, { key: '2ce40cf59e162cbfc490bba4b8468e069c247e68', page: 'first', selected: this.selectedPage, onClick: () => this.handleSelectPage(0) }), firstPage > 0 && h("div", { key: '1078fe0fe059c674d240bd33c59de89d17437190', class: "ellipsis" }, "..."), pagesToDisplay.map(pageNumber => (h(PageButton, { page: pageNumber, selected: this.selectedPage, onClick: page => this.handleSelectPage(+page) }))), this.selectedPage < numPages - 1 && h("div", { key: '284de5eab7be28ca2a5d3f2fead4d0d3be39801b', class: "ellipsis" }, "..."), this.selectedPage < numPages - 1 && h(PageButton, { key: '3e88ac32f9f54a12d468f711c54c767857638fbd', page: 'last', selected: this.selectedPage, onClick: () => this.handleSelectPage(numPages - 1) })));
+    }
+    get el() { return getElement(this); }
 };
-VerdocsQuickFilter$1.style = verdocsPaginationCss;
+VerdocsQuickFilter$1.style = VerdocsPaginationStyle0;
 
-const verdocsQuickFilterCss = "@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-quick-filter{position:relative;font-family:\"Inter\", \"Barlow\", sans-serif}verdocs-quick-filter .control{outline:0;height:34px;display:-ms-flexbox;display:flex;cursor:pointer;border-radius:4px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-webkit-box-sizing:border-box;box-sizing:border-box;background:#ffffff;-webkit-transition:all 100ms ease 0s;transition:all 100ms ease 0s;border:1px solid #cccccc}verdocs-quick-filter .title{padding:0 8px;font-size:14px;max-width:100%;overflow:hidden;color:#33364b;white-space:nowrap;-webkit-box-sizing:border-box;box-sizing:border-box;text-overflow:ellipsis}verdocs-quick-filter .title .prefix{display:inline;font-weight:700;margin:0 7px 0 0;color:#4c56cb}verdocs-quick-filter .arrow{width:32px;height:32px;border:none;outline:none;cursor:pointer;-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;background:#ffffff;-webkit-transition:color 150ms ease 0s;transition:color 150ms ease 0s}verdocs-quick-filter .arrow svg{-webkit-transition:0.3s;transition:0.3s;fill:#cccccc}verdocs-quick-filter .separator{width:1px;display:block;margin-top:8px;margin-bottom:8px;-ms-flex-item-align:stretch;align-self:stretch;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#cccccc}verdocs-quick-filter .items{display:none;z-index:10000;position:absolute;border-radius:4px;background:#ffffff;-webkit-box-shadow:rgba(0, 0, 0, 0.1) 0 0 0 1px, rgba(0, 0, 0, 0.1) 0 4px 11px;box-shadow:rgba(0, 0, 0, 0.1) 0 0 0 1px, rgba(0, 0, 0, 0.1) 0 4px 11px}verdocs-quick-filter .items[data-show]{display:block}verdocs-quick-filter .option{width:100%;border:none;display:block;font-size:14px;text-align:left;background:none;padding:10px 20px;color:#1e2031}verdocs-quick-filter .option:hover{cursor:pointer;background:#4c56cb3f}verdocs-quick-filter .option[disabled]{color:#aaaaaa}verdocs-quick-filter .option[disabled]:hover{cursor:inherit;background:transparent;color:#aaaaaa}verdocs-quick-filter.open .items{display:block}verdocs-quick-filter.open .arrow svg{-webkit-transform:scaleY(-1);transform:scaleY(-1)}";
+const verdocsQuickFilterCss = "@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-quick-filter{position:relative;font-family:\"Inter\", \"Barlow\", sans-serif}verdocs-quick-filter .control{outline:0;height:34px;display:-ms-flexbox;display:flex;cursor:pointer;border-radius:4px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-webkit-box-sizing:border-box;box-sizing:border-box;background:#ffffff;-webkit-transition:all 100ms ease 0s;transition:all 100ms ease 0s;border:1px solid #cccccc}verdocs-quick-filter .title{padding:0 8px;font-size:14px;max-width:100%;overflow:hidden;color:#33364b;white-space:nowrap;-webkit-box-sizing:border-box;box-sizing:border-box;text-overflow:ellipsis}verdocs-quick-filter .title .prefix{display:inline;font-weight:700;margin:0 7px 0 0;color:#4c56cb}verdocs-quick-filter .arrow{width:32px;height:32px;border:none;outline:none;cursor:pointer;-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;background:#ffffff;-webkit-transition:color 150ms ease 0s;transition:color 150ms ease 0s}verdocs-quick-filter .arrow svg{-webkit-transition:0.3s;transition:0.3s;fill:#cccccc}verdocs-quick-filter .separator{width:1px;display:block;margin-top:8px;margin-bottom:8px;-ms-flex-item-align:stretch;align-self:stretch;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#cccccc}verdocs-quick-filter .items{display:none;z-index:10000;position:absolute;border-radius:4px;background:#ffffff;-webkit-box-shadow:rgba(0, 0, 0, 0.1) 0 0 0 1px, rgba(0, 0, 0, 0.1) 0 4px 11px;box-shadow:rgba(0, 0, 0, 0.1) 0 0 0 1px, rgba(0, 0, 0, 0.1) 0 4px 11px}verdocs-quick-filter .items[data-show]{display:block}verdocs-quick-filter .option{width:100%;border:none;display:block;font-size:14px;text-align:left;background:none;padding:10px 20px;color:#1e2031}verdocs-quick-filter .option:hover{cursor:pointer;background:rgba(76, 86, 203, 0.2470588235)}verdocs-quick-filter .option[disabled]{color:#aaaaaa}verdocs-quick-filter .option[disabled]:hover{cursor:inherit;background:transparent;color:#aaaaaa}verdocs-quick-filter.open .items{display:block}verdocs-quick-filter.open .arrow svg{-webkit-transform:scaleY(-1);transform:scaleY(-1)}";
+const VerdocsQuickFilterStyle0 = verdocsQuickFilterCss;
 
 const DropdownArrow = `<svg height="20" width="20" viewBox="0 0 20 20" aria-hidden="true" focusable="false" class="css-8mmkcg"><path d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"></path></svg>`;
 const VerdocsQuickFilter = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.optionSelected = createEvent(this, "optionSelected", 7);
-    // We need to do this to reliably disconnect the click-away listener
-    this.clickListenerSymbol = new AbortController();
-    this.options = [];
-    this.label = 'Filter';
-    this.value = '';
-    this.placeholder = 'Select...';
-    this.open = undefined;
-  }
-  componentDidLoad() {
-    this.popper = createPopper(this.dropdownButton, this.dropdownMenu, { placement: 'bottom-start', modifiers: [{ name: 'offset', options: { offset: [-1, 14] } }] });
-    window.addEventListener('click', this.clickListener.bind(this), { signal: this.clickListenerSymbol.signal });
-  }
-  disconnectedCallback() {
-    this.clickListenerSymbol.abort();
-  }
-  clickListener(e) {
-    const outside = !(e.target == this.el || this.el.contains(e.target));
-    if (outside) {
-      this.hide();
-    }
-  }
-  handleSelectOption(e, option) {
-    e.stopPropagation();
-    this.optionSelected.emit(option);
-    this.value = option.value;
-    this.hide();
-  }
-  // See https://popper.js.org/docs/v2/tutorial/
-  // What we're doing here is clearing event listeners when they aren't needed, to increase performance in lists
-  showDropdown() {
-    var _a, _b;
-    this.open = true;
-    this.dropdownMenu.setAttribute('data-show', '');
-    this.dropdownMenu.removeAttribute('aria-hidden');
-    (_a = this.popper) === null || _a === void 0 ? void 0 : _a.setOptions(options => ({
-      ...options,
-      modifiers: [...options.modifiers, { name: 'eventListeners', enabled: true }],
-    })).catch(() => { });
-    (_b = this.popper) === null || _b === void 0 ? void 0 : _b.update().catch(() => { });
-  }
-  handleHideDropdown(e) {
-    var _a, _b;
-    if (((_a = e === null || e === void 0 ? void 0 : e.target) === null || _a === void 0 ? void 0 : _a.localName) === 'button' && ((_b = e === null || e === void 0 ? void 0 : e.target) === null || _b === void 0 ? void 0 : _b.className) === 'arrow') {
-      // This event is fired when a menu element is clicked because the button "loses focus" then too
-      return;
-    }
-    this.hide();
-  }
-  toggleDropdown(e) {
-    e.stopPropagation();
-    if (this.open) {
-      this.hide();
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.optionSelected = createEvent(this, "optionSelected", 7);
+        // We need to do this to reliably disconnect the click-away listener
+        this.clickListenerSymbol = new AbortController();
+        this.options = [];
+        this.label = 'Filter';
+        this.value = '';
+        this.placeholder = 'Select...';
+        this.open = undefined;
     }
-    else {
-      this.showDropdown();
-    }
-  }
-  hide() {
-    var _a;
-    this.open = false;
-    this.dropdownMenu.removeAttribute('data-show');
-    this.dropdownMenu.setAttribute('aria-hidden', 'true');
-    (_a = this.popper) === null || _a === void 0 ? void 0 : _a.setOptions(options => ({
-      ...options,
-      modifiers: [...options.modifiers, { name: 'eventListeners', enabled: false }],
-    })).catch(() => { });
-  }
-  render() {
-    var _a, _b, _c;
-    const selectedOption = (_a = this.options) === null || _a === void 0 ? void 0 : _a.find(option => option.value === this.value);
-    const longestOption = (_b = this.options) === null || _b === void 0 ? void 0 : _b.reduce((prev, curr) => (prev.label.length > curr.label.length ? prev : curr));
-    const longestLabelWidth = renderedTextWidth((longestOption === null || longestOption === void 0 ? void 0 : longestOption.label) || 'FILLER', '14px Inter, Barlow, sans-serif');
-    const prefixWidth = renderedTextWidth(this.label, '14px Inter, Barlow, sans-serif');
-    const minWidth = `${longestLabelWidth + prefixWidth + 40}px`;
-    return (h(Host, { class: { open: !!this.open }, style: { minWidth, display: 'inline-block' } }, h("div", { class: "control", onClick: e => this.toggleDropdown(e), onBlur: e => this.handleHideDropdown(e) }, h("div", { class: "title", ref: el => (this.dropdownButton = el) }, h("span", { class: "prefix" }, this.label, ":"), selectedOption ? selectedOption.label : this.placeholder), h("div", { style: { flex: '1' } }), h("div", { class: "separator" }), h("div", { class: "arrow", innerHTML: DropdownArrow, "aria-label": "Open Menu" })), h("div", { class: "items", "aria-hidden": !this.open, ref: el => (this.dropdownMenu = el), style: { minWidth } }, (_c = this.options) === null || _c === void 0 ? void 0 : _c.map(option => option.label ? (h("button", { onClick: e => this.handleSelectOption(e, option), class: `option ${option.value === this.value ? 'selected' : ''}`, disabled: option.disabled }, option.label)) : (h("div", { class: "separator" }))))));
-  }
-  get el() { return getElement(this); }
+    componentDidLoad() {
+        this.popper = createPopper(this.dropdownButton, this.dropdownMenu, { placement: 'bottom-start', modifiers: [{ name: 'offset', options: { offset: [-1, 14] } }] });
+        window.addEventListener('click', this.clickListener.bind(this), { signal: this.clickListenerSymbol.signal });
+    }
+    disconnectedCallback() {
+        this.clickListenerSymbol.abort();
+    }
+    clickListener(e) {
+        const outside = !(e.target == this.el || this.el.contains(e.target));
+        if (outside) {
+            this.hide();
+        }
+    }
+    handleSelectOption(e, option) {
+        e.stopPropagation();
+        this.optionSelected.emit(option);
+        this.value = option.value;
+        this.hide();
+    }
+    // See https://popper.js.org/docs/v2/tutorial/
+    // What we're doing here is clearing event listeners when they aren't needed, to increase performance in lists
+    showDropdown() {
+        var _a, _b;
+        this.open = true;
+        this.dropdownMenu.setAttribute('data-show', '');
+        this.dropdownMenu.removeAttribute('aria-hidden');
+        (_a = this.popper) === null || _a === void 0 ? void 0 : _a.setOptions(options => ({
+            ...options,
+            modifiers: [...options.modifiers, { name: 'eventListeners', enabled: true }],
+        })).catch(() => { });
+        (_b = this.popper) === null || _b === void 0 ? void 0 : _b.update().catch(() => { });
+    }
+    handleHideDropdown(e) {
+        var _a, _b;
+        if (((_a = e === null || e === void 0 ? void 0 : e.target) === null || _a === void 0 ? void 0 : _a.localName) === 'button' && ((_b = e === null || e === void 0 ? void 0 : e.target) === null || _b === void 0 ? void 0 : _b.className) === 'arrow') {
+            // This event is fired when a menu element is clicked because the button "loses focus" then too
+            return;
+        }
+        this.hide();
+    }
+    toggleDropdown(e) {
+        e.stopPropagation();
+        if (this.open) {
+            this.hide();
+        }
+        else {
+            this.showDropdown();
+        }
+    }
+    hide() {
+        var _a;
+        this.open = false;
+        this.dropdownMenu.removeAttribute('data-show');
+        this.dropdownMenu.setAttribute('aria-hidden', 'true');
+        (_a = this.popper) === null || _a === void 0 ? void 0 : _a.setOptions(options => ({
+            ...options,
+            modifiers: [...options.modifiers, { name: 'eventListeners', enabled: false }],
+        })).catch(() => { });
+    }
+    render() {
+        var _a, _b, _c;
+        const selectedOption = (_a = this.options) === null || _a === void 0 ? void 0 : _a.find(option => option.value === this.value);
+        const longestOption = (_b = this.options) === null || _b === void 0 ? void 0 : _b.reduce((prev, curr) => (prev.label.length > curr.label.length ? prev : curr));
+        const longestLabelWidth = renderedTextWidth((longestOption === null || longestOption === void 0 ? void 0 : longestOption.label) || 'FILLER', '14px Inter, Barlow, sans-serif');
+        const prefixWidth = renderedTextWidth(this.label, '14px Inter, Barlow, sans-serif');
+        const minWidth = `${longestLabelWidth + prefixWidth + 40}px`;
+        return (h(Host, { key: '1f334530a8ad36661234df13dfcded2b0578f6a0', class: { open: !!this.open }, style: { minWidth, display: 'inline-block' } }, h("div", { key: 'ca820c376c072a6de23e9bddf2255fd18d1423c6', class: "control", onClick: e => this.toggleDropdown(e), onBlur: e => this.handleHideDropdown(e) }, h("div", { key: '6b64609796a46da25d7fdcd4b0f667b010feaf5c', class: "title", ref: el => (this.dropdownButton = el) }, h("span", { key: 'da9dd1d6b822e26e478edef34127324a24c4fa46', class: "prefix" }, this.label, ":"), selectedOption ? selectedOption.label : this.placeholder), h("div", { key: 'c3e735e29d3a53780c94689502044af65df358da', style: { flex: '1' } }), h("div", { key: '7ea36915d9db4c97520486db47cb60f6b08ba868', class: "separator" }), h("div", { key: '32b41b27f18e34ab13c80af1562489df9c75edcc', class: "arrow", innerHTML: DropdownArrow, "aria-label": "Open Menu" })), h("div", { key: 'f9c2a98829e67f30cd2234ce5532684f4ca45ce1', class: "items", "aria-hidden": !this.open, ref: el => (this.dropdownMenu = el), style: { minWidth } }, (_c = this.options) === null || _c === void 0 ? void 0 : _c.map(option => option.label ? (h("button", { onClick: e => this.handleSelectOption(e, option), class: `option ${option.value === this.value ? 'selected' : ''}`, disabled: option.disabled }, option.label)) : (h("div", { class: "separator" }))))));
+    }
+    get el() { return getElement(this); }
 };
-VerdocsQuickFilter.style = verdocsQuickFilterCss;
+VerdocsQuickFilter.style = VerdocsQuickFilterStyle0;
 
 export { VerdocsQuickFilter$1 as verdocs_pagination, VerdocsQuickFilter as verdocs_quick_filter };