@verdocs/web-sdk 4.2.139 → 4.2.141

package/dist/verdocs-web-sdk/p-acf595c9.entry.js

@@ -1 +0,0 @@
-import{r as e,c as i,h as s,H as o,g as t}from"./p-5207d80c.js";import{integerSequence as r}from"@verdocs/js-sdk";import{h as a}from"./p-fae63f89.js";import{c}from"./p-68a5aaff.js";import"./p-85aa8e05.js";import"./p-c7ee88c7.js";import"./p-12bab948.js";const l=({page:e,selected:i,onClick:o})=>{let t;return t="first"===e?'<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>':"last"===e?'<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>':String(e+1),s("div",{class:"page-button "+(e===i?"selected":""),onClick:()=>o(e),innerHTML:t})},n=class{constructor(s){e(this,s),this.selectPage=i(this,"selectPage",7),this.selectedPage=0,this.itemCount=1,this.perPage=10}handleSelectPage(e){var i;this.selectedPage=e,null===(i=this.selectPage)||void 0===i||i.emit({selectedPage:e})}render(){const e=Math.max(0,this.selectedPage-2),i=this.itemCount>0?Math.ceil(this.itemCount/this.perPage):0,t=r(0,Math.ceil(this.itemCount/this.perPage)).slice(e,e+5);return s(o,{key:"aac02fe95f890afd2cb8816bc7828a9cca0c2551"},this.selectedPage>0&&s(l,{key:"405eb090dfd96ed30bb931977d0c610ac8e7be5d",page:"first",selected:this.selectedPage,onClick:()=>this.handleSelectPage(0)}),e>0&&s("div",{key:"257ffecd81fcce987a667ee28c9ad66fbb709191",class:"ellipsis"},"..."),t.map((e=>s(l,{page:e,selected:this.selectedPage,onClick:e=>this.handleSelectPage(+e)}))),this.selectedPage<i-1&&s("div",{key:"2bd4fa5128abaa3a48487e0eb3c0c15d24e66d68",class:"ellipsis"},"..."),this.selectedPage<i-1&&s(l,{key:"645d68ee31f06f23780f71be067e0c8203738cca",page:"last",selected:this.selectedPage,onClick:()=>this.handleSelectPage(i-1)}))}get el(){return t(this)}};n.style='@-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 d=class{constructor(s){e(this,s),this.optionSelected=i(this,"optionSelected",7),this.clickListenerSymbol=new AbortController,this.options=[],this.label="Filter",this.value="",this.placeholder="Select...",this.open=void 0}componentDidLoad(){this.popper=c(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){e.target!=this.el&&!this.el.contains(e.target)&&this.hide()}handleSelectOption(e,i){e.stopPropagation(),this.optionSelected.emit(i),this.value=i.value,this.hide()}showDropdown(){var e,i;this.open=!0,this.dropdownMenu.setAttribute("data-show",""),this.dropdownMenu.removeAttribute("aria-hidden"),null===(e=this.popper)||void 0===e||e.setOptions((e=>({...e,modifiers:[...e.modifiers,{name:"eventListeners",enabled:!0}]}))).catch((()=>{})),null===(i=this.popper)||void 0===i||i.update().catch((()=>{}))}handleHideDropdown(e){var i,s;"button"===(null===(i=null==e?void 0:e.target)||void 0===i?void 0:i.localName)&&"arrow"===(null===(s=null==e?void 0:e.target)||void 0===s?void 0:s.className)||this.hide()}toggleDropdown(e){e.stopPropagation(),this.open?this.hide():this.showDropdown()}hide(){var e;this.open=!1,this.dropdownMenu.removeAttribute("data-show"),this.dropdownMenu.setAttribute("aria-hidden","true"),null===(e=this.popper)||void 0===e||e.setOptions((e=>({...e,modifiers:[...e.modifiers,{name:"eventListeners",enabled:!1}]}))).catch((()=>{}))}render(){var e,i,t;const r=null===(e=this.options)||void 0===e?void 0:e.find((e=>e.value===this.value)),c=null===(i=this.options)||void 0===i?void 0:i.reduce(((e,i)=>e.label.length>i.label.length?e:i)),l=`${a((null==c?void 0:c.label)||"FILLER","14px Inter, Barlow, sans-serif")+a(this.label,"14px Inter, Barlow, sans-serif")+40}px`;return s(o,{key:"532cacd9e30591fc8f40f7b2fb0b57fc0e48466c",class:{open:!!this.open},style:{minWidth:l,display:"inline-block"}},s("div",{key:"eda6d4179e9c2d9f153838be61b877d7835a5fde",class:"control",onClick:e=>this.toggleDropdown(e),onBlur:e=>this.handleHideDropdown(e)},s("div",{key:"ab8a9eb3822dc97258c31a59d5a996ebb3e9845f",class:"title",ref:e=>this.dropdownButton=e},s("span",{key:"6e0511271a127baec11000264080cb5d9420216b",class:"prefix"},this.label,":"),r?r.label:this.placeholder),s("div",{key:"80945d7311b0ce4a77aa8d7de9ad9fb492cff5da",style:{flex:"1"}}),s("div",{key:"bc0cf152d1c2b76f870f571455a2c9da516a63fe",class:"separator"}),s("div",{key:"6bc5c491c2d65892e9c7a371bcecb9e034a9487c",class:"arrow",innerHTML:'<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>',"aria-label":"Open Menu"})),s("div",{key:"1ceac8d3bc13cec6135985e62f028f7c3583f0dc",class:"items","aria-hidden":!this.open,ref:e=>this.dropdownMenu=e,style:{minWidth:l}},null===(t=this.options)||void 0===t?void 0:t.map((e=>e.label?s("button",{onClick:i=>this.handleSelectOption(i,e),class:"option "+(e.value===this.value?"selected":""),disabled:e.disabled},e.label):s("div",{class:"separator"})))))}get el(){return t(this)}};d.style='@-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)}';export{n as verdocs_pagination,d as verdocs_quick_filter}