@verdocs/web-sdk 5.0.66 → 5.0.68
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-contact-picker.verdocs-multiselect.entry.cjs.js.map +1 -1
- package/dist/cjs/verdocs-contact-picker_2.cjs.entry.js +13 -8
- package/dist/cjs/verdocs-contact-picker_2.cjs.entry.js.map +1 -1
- package/dist/cjs/verdocs-envelope-sidebar.cjs.entry.js +1 -1
- package/dist/cjs/verdocs-envelope-sidebar.cjs.entry.js.map +1 -1
- package/dist/cjs/verdocs-envelope-sidebar.entry.cjs.js.map +1 -1
- package/dist/cjs/verdocs-kba-dialog.verdocs-otp-dialog.verdocs-view.entry.cjs.js.map +1 -1
- package/dist/cjs/verdocs-kba-dialog_3.cjs.entry.js +6 -16
- package/dist/cjs/verdocs-kba-dialog_3.cjs.entry.js.map +1 -1
- package/dist/cjs/verdocs-organization-card.verdocs-portal.entry.cjs.js.map +1 -1
- package/dist/cjs/verdocs-organization-card_2.cjs.entry.js +5 -1
- package/dist/cjs/verdocs-organization-card_2.cjs.entry.js.map +1 -1
- package/dist/cjs/verdocs-templates-list.cjs.entry.js +7 -7
- package/dist/cjs/verdocs-templates-list.cjs.entry.js.map +1 -1
- package/dist/cjs/verdocs-templates-list.entry.cjs.js.map +1 -1
- package/dist/collection/components/controls/verdocs-multiselect/verdocs-multiselect.css +23 -0
- package/dist/collection/components/controls/verdocs-multiselect/verdocs-multiselect.js +1 -1
- package/dist/collection/components/controls/verdocs-multiselect/verdocs-multiselect.js.map +1 -1
- package/dist/collection/components/controls/verdocs-portal/verdocs-portal.js +5 -1
- package/dist/collection/components/controls/verdocs-portal/verdocs-portal.js.map +1 -1
- package/dist/collection/components/dialogs/verdocs-kba-dialog/verdocs-kba-dialog.js +1 -12
- package/dist/collection/components/dialogs/verdocs-kba-dialog/verdocs-kba-dialog.js.map +1 -1
- package/dist/collection/components/dialogs/verdocs-otp-dialog/verdocs-otp-dialog.js +5 -4
- package/dist/collection/components/dialogs/verdocs-otp-dialog/verdocs-otp-dialog.js.map +1 -1
- package/dist/collection/components/envelopes/verdocs-contact-picker/verdocs-contact-picker.js +11 -6
- package/dist/collection/components/envelopes/verdocs-contact-picker/verdocs-contact-picker.js.map +1 -1
- package/dist/collection/components/envelopes/verdocs-envelope-sidebar/verdocs-envelope-sidebar.js +1 -1
- package/dist/collection/components/envelopes/verdocs-envelope-sidebar/verdocs-envelope-sidebar.js.map +1 -1
- package/dist/collection/components/templates/verdocs-templates-list/verdocs-templates-list.js +17 -10
- package/dist/collection/components/templates/verdocs-templates-list/verdocs-templates-list.js.map +1 -1
- package/dist/components/{p-ChSdhofj.js → p-B8oLX6-0.js} +3 -3
- package/dist/components/{p-ChSdhofj.js.map → p-B8oLX6-0.js.map} +1 -1
- package/dist/components/{p-FMmdRAwT.js → p-BC9E1lIr.js} +14 -14
- package/dist/components/{p-FMmdRAwT.js.map → p-BC9E1lIr.js.map} +1 -1
- package/dist/components/{p-DcGAyXll.js → p-BPaxQrtW.js} +7 -3
- package/dist/components/p-BPaxQrtW.js.map +1 -0
- package/dist/components/{p-BF25av2F.js → p-BSopvRgr.js} +3 -3
- package/dist/components/{p-BF25av2F.js.map → p-BSopvRgr.js.map} +1 -1
- package/dist/components/{p-D-eXKBQK.js → p-BVwBJvZX.js} +3 -3
- package/dist/components/{p-D-eXKBQK.js.map → p-BVwBJvZX.js.map} +1 -1
- package/dist/components/{p-a2mcI8jM.js → p-BXnjauAt.js} +3 -3
- package/dist/components/{p-a2mcI8jM.js.map → p-BXnjauAt.js.map} +1 -1
- package/dist/components/{p-C_Iua_8I.js → p-Bd_tIPj6.js} +3 -3
- package/dist/components/{p-C_Iua_8I.js.map → p-Bd_tIPj6.js.map} +1 -1
- package/dist/components/{p-BiJg4trF.js → p-Blv4Px1q.js} +3 -3
- package/dist/components/{p-BiJg4trF.js.map → p-Blv4Px1q.js.map} +1 -1
- package/dist/components/{p-BK1G2TCe.js → p-BqQxZHHz.js} +3 -3
- package/dist/components/{p-BK1G2TCe.js.map → p-BqQxZHHz.js.map} +1 -1
- package/dist/components/{p-BERtpjuC.js → p-C-l2dmJo.js} +3 -3
- package/dist/components/{p-BERtpjuC.js.map → p-C-l2dmJo.js.map} +1 -1
- package/dist/components/{p-BCQSBoqG.js → p-CDFzZQgR.js} +7 -6
- package/dist/components/p-CDFzZQgR.js.map +1 -0
- package/dist/components/{p-MZFye18Y.js → p-Ch6Kdfra.js} +3 -3
- package/dist/components/{p-MZFye18Y.js.map → p-Ch6Kdfra.js.map} +1 -1
- package/dist/components/{p-DL0ugSd9.js → p-CkX7jHYc.js} +14 -14
- package/dist/components/{p-DL0ugSd9.js.map → p-CkX7jHYc.js.map} +1 -1
- package/dist/components/{p-D6z0a96H.js → p-CsnQa5sQ.js} +4 -4
- package/dist/components/{p-D6z0a96H.js.map → p-CsnQa5sQ.js.map} +1 -1
- package/dist/components/{p-BXN75-nb.js → p-DC--nyvW.js} +5 -5
- package/dist/components/{p-BXN75-nb.js.map → p-DC--nyvW.js.map} +1 -1
- package/dist/components/{p-mxrRjSEM.js → p-DhrRkOUi.js} +3 -3
- package/dist/components/{p-mxrRjSEM.js.map → p-DhrRkOUi.js.map} +1 -1
- package/dist/components/{p-BRr3-bHO.js → p-DpbDLSke.js} +6 -12
- package/dist/components/p-DpbDLSke.js.map +1 -0
- package/dist/components/{p-DMp_Qaz3.js → p-DwHrFqEp.js} +3 -14
- package/dist/components/p-DwHrFqEp.js.map +1 -0
- package/dist/components/{p-Oos-rvdo.js → p-cJMs8iXW.js} +15 -10
- package/dist/components/p-cJMs8iXW.js.map +1 -0
- package/dist/components/{p-C7Cguo-b.js → p-eXVwQFzY.js} +3 -3
- package/dist/components/{p-C7Cguo-b.js.map → p-eXVwQFzY.js.map} +1 -1
- package/dist/components/{p-D3eafwac.js → p-r_GHGV6q.js} +13 -13
- package/dist/components/{p-D3eafwac.js.map → p-r_GHGV6q.js.map} +1 -1
- package/dist/components/verdocs-build.js +17 -17
- package/dist/components/verdocs-contact-picker.js +1 -1
- package/dist/components/verdocs-dropdown.js +1 -1
- package/dist/components/verdocs-envelope-sidebar.js +3 -3
- package/dist/components/verdocs-envelope-sidebar.js.map +1 -1
- package/dist/components/verdocs-envelopes-list.js +2 -2
- package/dist/components/verdocs-field-attachment.js +1 -1
- package/dist/components/verdocs-field-checkbox.js +1 -1
- package/dist/components/verdocs-field-date.js +1 -1
- package/dist/components/verdocs-field-dropdown.js +1 -1
- package/dist/components/verdocs-field-initial.js +1 -1
- package/dist/components/verdocs-field-payment.js +1 -1
- package/dist/components/verdocs-field-radio.js +1 -1
- package/dist/components/verdocs-field-signature.js +1 -1
- package/dist/components/verdocs-field-textarea.js +1 -1
- package/dist/components/verdocs-field-textbox.js +1 -1
- package/dist/components/verdocs-field-timestamp.js +1 -1
- package/dist/components/verdocs-kba-dialog.js +1 -1
- package/dist/components/verdocs-multiselect.js +1 -1
- package/dist/components/verdocs-organization-card.js +1 -1
- package/dist/components/verdocs-otp-dialog.js +1 -1
- package/dist/components/verdocs-portal.js +1 -1
- package/dist/components/verdocs-preview.js +1 -1
- package/dist/components/verdocs-send.js +1 -1
- package/dist/components/verdocs-sign.js +5 -5
- package/dist/components/verdocs-template-document-page.js +1 -1
- package/dist/components/verdocs-template-fields.js +1 -1
- package/dist/components/verdocs-templates-list.js +9 -9
- package/dist/components/verdocs-templates-list.js.map +1 -1
- package/dist/components/verdocs-view.js +1 -1
- package/dist/custom-elements.json +1 -1
- package/dist/esm/verdocs-contact-picker.verdocs-multiselect.entry.js.map +1 -1
- package/dist/esm/verdocs-contact-picker_2.entry.js +13 -8
- package/dist/esm/verdocs-contact-picker_2.entry.js.map +1 -1
- package/dist/esm/verdocs-envelope-sidebar.entry.js +1 -1
- package/dist/esm/verdocs-envelope-sidebar.entry.js.map +1 -1
- package/dist/esm/verdocs-kba-dialog.verdocs-otp-dialog.verdocs-view.entry.js.map +1 -1
- package/dist/esm/verdocs-kba-dialog_3.entry.js +6 -16
- package/dist/esm/verdocs-kba-dialog_3.entry.js.map +1 -1
- package/dist/esm/verdocs-organization-card.verdocs-portal.entry.js.map +1 -1
- package/dist/esm/verdocs-organization-card_2.entry.js +5 -1
- package/dist/esm/verdocs-organization-card_2.entry.js.map +1 -1
- package/dist/esm/verdocs-templates-list.entry.js +7 -7
- package/dist/esm/verdocs-templates-list.entry.js.map +1 -1
- package/dist/esm-es5/verdocs-contact-picker.verdocs-multiselect.entry.js.map +1 -1
- package/dist/esm-es5/verdocs-contact-picker_2.entry.js +1 -1
- package/dist/esm-es5/verdocs-contact-picker_2.entry.js.map +1 -1
- package/dist/esm-es5/verdocs-envelope-sidebar.entry.js +1 -1
- package/dist/esm-es5/verdocs-envelope-sidebar.entry.js.map +1 -1
- package/dist/esm-es5/verdocs-kba-dialog.verdocs-otp-dialog.verdocs-view.entry.js.map +1 -1
- package/dist/esm-es5/verdocs-kba-dialog_3.entry.js +1 -1
- package/dist/esm-es5/verdocs-kba-dialog_3.entry.js.map +1 -1
- package/dist/esm-es5/verdocs-organization-card.verdocs-portal.entry.js.map +1 -1
- package/dist/esm-es5/verdocs-organization-card_2.entry.js +1 -1
- package/dist/esm-es5/verdocs-organization-card_2.entry.js.map +1 -1
- package/dist/esm-es5/verdocs-templates-list.entry.js +1 -1
- package/dist/esm-es5/verdocs-templates-list.entry.js.map +1 -1
- package/dist/types/components/templates/verdocs-templates-list/verdocs-templates-list.d.ts +10 -3
- package/dist/types/components.d.ts +32 -4
- package/dist/verdocs-web-sdk/{p-d872a295.system.entry.js → p-12c72957.system.entry.js} +2 -2
- package/dist/verdocs-web-sdk/p-12c72957.system.entry.js.map +1 -0
- package/dist/verdocs-web-sdk/{p-15fdb9df.system.entry.js → p-22539b25.system.entry.js} +3 -3
- package/dist/verdocs-web-sdk/p-22539b25.system.entry.js.map +1 -0
- package/dist/verdocs-web-sdk/{p-80e61388.system.entry.js → p-289ad8d2.system.entry.js} +2 -2
- package/dist/verdocs-web-sdk/p-289ad8d2.system.entry.js.map +1 -0
- package/dist/verdocs-web-sdk/{p-4437b439.entry.js → p-5badc484.entry.js} +3 -3
- package/dist/verdocs-web-sdk/p-5badc484.entry.js.map +1 -0
- package/dist/verdocs-web-sdk/{p-e2985bcb.entry.js → p-720ceced.entry.js} +2 -2
- package/dist/verdocs-web-sdk/p-720ceced.entry.js.map +1 -0
- package/dist/verdocs-web-sdk/{p-6743a4ec.system.entry.js → p-795cb651.system.entry.js} +2 -2
- package/dist/verdocs-web-sdk/p-795cb651.system.entry.js.map +1 -0
- package/dist/verdocs-web-sdk/p-859d52e2.system.entry.js +2 -0
- package/dist/verdocs-web-sdk/p-859d52e2.system.entry.js.map +1 -0
- package/dist/verdocs-web-sdk/p-9b1b273c.entry.js +2 -0
- package/dist/verdocs-web-sdk/p-9b1b273c.entry.js.map +1 -0
- package/dist/verdocs-web-sdk/{p-C7nljRlm.system.js.map → p-BlaEjWtc.system.js.map} +1 -1
- package/dist/verdocs-web-sdk/{p-BF7jksnm.system.js.map → p-C2cdldyg.system.js.map} +1 -1
- package/dist/verdocs-web-sdk/p-CNuYIT4Z.system.js.map +1 -0
- package/dist/verdocs-web-sdk/p-CuPoNgC8.system.js.map +1 -0
- package/dist/verdocs-web-sdk/p-CwXSduhy.system.js +1 -1
- package/dist/verdocs-web-sdk/p-D3kzqvo2.system.js.map +1 -0
- package/dist/verdocs-web-sdk/{p-8e891e60.entry.js → p-bdc67903.entry.js} +2 -2
- package/dist/verdocs-web-sdk/p-bdc67903.entry.js.map +1 -0
- package/dist/verdocs-web-sdk/p-d0241754.entry.js +2 -0
- package/dist/verdocs-web-sdk/p-d0241754.entry.js.map +1 -0
- package/dist/verdocs-web-sdk/verdocs-contact-picker.verdocs-multiselect.entry.esm.js.map +1 -1
- package/dist/verdocs-web-sdk/verdocs-envelope-sidebar.entry.esm.js.map +1 -1
- package/dist/verdocs-web-sdk/verdocs-kba-dialog.verdocs-otp-dialog.verdocs-view.entry.esm.js.map +1 -1
- package/dist/verdocs-web-sdk/verdocs-organization-card.verdocs-portal.entry.esm.js.map +1 -1
- package/dist/verdocs-web-sdk/verdocs-templates-list.entry.esm.js.map +1 -1
- package/dist/verdocs-web-sdk/verdocs-web-sdk.esm.js +1 -1
- package/package.json +1 -1
- package/dist/components/p-BCQSBoqG.js.map +0 -1
- package/dist/components/p-BRr3-bHO.js.map +0 -1
- package/dist/components/p-DMp_Qaz3.js.map +0 -1
- package/dist/components/p-DcGAyXll.js.map +0 -1
- package/dist/components/p-Oos-rvdo.js.map +0 -1
- package/dist/verdocs-web-sdk/p-15fdb9df.system.entry.js.map +0 -1
- package/dist/verdocs-web-sdk/p-36e094d6.entry.js +0 -2
- package/dist/verdocs-web-sdk/p-36e094d6.entry.js.map +0 -1
- package/dist/verdocs-web-sdk/p-43a158aa.system.entry.js +0 -2
- package/dist/verdocs-web-sdk/p-43a158aa.system.entry.js.map +0 -1
- package/dist/verdocs-web-sdk/p-4437b439.entry.js.map +0 -1
- package/dist/verdocs-web-sdk/p-4a39aafd.entry.js +0 -2
- package/dist/verdocs-web-sdk/p-4a39aafd.entry.js.map +0 -1
- package/dist/verdocs-web-sdk/p-6743a4ec.system.entry.js.map +0 -1
- package/dist/verdocs-web-sdk/p-80e61388.system.entry.js.map +0 -1
- package/dist/verdocs-web-sdk/p-8e891e60.entry.js.map +0 -1
- package/dist/verdocs-web-sdk/p-BIoNmybA.system.js.map +0 -1
- package/dist/verdocs-web-sdk/p-CMYmkzNA.system.js.map +0 -1
- package/dist/verdocs-web-sdk/p-UNiw9GR5.system.js.map +0 -1
- package/dist/verdocs-web-sdk/p-d872a295.system.entry.js.map +0 -1
- package/dist/verdocs-web-sdk/p-e2985bcb.entry.js.map +0 -1
@@ -0,0 +1,2 @@
|
|
1
|
+
import{r as o,h as e,H as s,c as r}from"./p-CF7i8guW.js";import{d as c}from"./p-dzBXqXlK.js";const a='@-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;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 .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-org-card-popup{font-family:"Inter", "Barlow", sans-serif;background:#ffffff;border-radius:10px;width:326px;padding:20px 40px 0 40px;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;border:1px solid #cccccc}.verdocs-org-card-popup .popup-header-with-logo{display:-ms-flexbox;display:flex;-ms-flex:0;flex:0;gap:20px;-ms-flex-direction:column;flex-direction:column;margin:0 0 20px 0;font-size:21px;line-height:16px;color:#4c56cb}.verdocs-org-card-popup .popup-header-with-logo img{max-width:300px;max-height:50px}.verdocs-org-card-popup .popup-header{display:-ms-flexbox;display:flex;-ms-flex:0;flex:0;gap:20px;-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-org-card-popup .popup-body{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-size:14px;text-transform:uppercase}.verdocs-org-card-popup .status{-webkit-transform:scale(1.5);transform:scale(1.5);width:24px;height:24px}.verdocs-org-card-popup .field{margin:0 0 20px 0}.verdocs-org-card-popup .field strong{color:#7b7b9a;display:block;margin:0 0 5px 0}.verdocs-org-card-popup .field a{color:#654dcb;text-transform:uppercase}';const i='<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 d=class{constructor(e){o(this,e);this.hovered=false}onMouseOver(){this.hovered=true}onMouseOut(){this.hovered=false}render(){var o,r,a,d,t,l;console.log("Rendering org card",this.organization.thumbnail_url,this.organization);const n=i;const p=`verdocs-org-card-${this.organization.id}`;return e(s,{key:"97272d216497af502a3cb2d6e0952bda802249e1",id:p},this.organization.thumbnail_url?e("img",{class:"icon",src:this.organization.thumbnail_url,alt:"Logo"}):e("span",{class:"icon",innerHTML:n}),e("span",{key:"e5f71759e662b6a1ad04ee9acf2710b9d7904a22",class:"content"},(o=this.organization)===null||o===void 0?void 0:o.name),e("verdocs-portal",{key:"0496b9a82bca4289e6fb226e24c5fed23c4e8fb3",anchor:p},e("div",{key:"991b528de45afb90d6c54f4ce6d6c415e9e2bc81",class:"verdocs-org-card-popup",style:{display:this.hovered?"block":"none"}},this.organization.full_logo_url?e("div",{class:"popup-header-with-logo"},e("img",{src:this.organization.full_logo_url,alt:"Logo"}),e("div",{class:"title"},(r=this.organization)===null||r===void 0?void 0:r.name)):e("div",{class:"popup-header"},e("span",{class:"status"},e("span",{class:"icon",innerHTML:n})),e("span",{class:"title"},(a=this.organization)===null||a===void 0?void 0:a.name)),e("div",{key:"54c746473d12e7428b2982c0f627d2d5ac078875",class:"popup-body"},e("div",{key:"a291de045b2cd5f6431e795b3b0da2a2187ec019",class:"field"},e("strong",{key:"86cfad50f43e266fcbca1934458de84c6af791bf"},"Joined"),c.format(new Date(((d=this.organization)===null||d===void 0?void 0:d.created_at)||undefined),"LLL d, Y")),this.organization.url&&e("div",{key:"743cc0af65238631e94353b1c0a09718d556a3e5",class:"field"},e("strong",{key:"55b51d9b2d4256ff4462ba28940331e3aff22e95"},"Website"),e("a",{key:"d6f11530ba3adc9c897fd2f26f47de8b9d17b807",href:(t=this.organization)===null||t===void 0?void 0:t.url,target:"_blank",rel:"nofollow"},(l=this.organization)===null||l===void 0?void 0:l.url))))))}};d.style=a;const t="@-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)}}";const l="10001";const n=class{constructor(e){o(this,e);this.clickAway=r(this,"clickAway");this.moved=false;this.voffset=0}handleScroll(){this.calculatePosition()}handleResize(){this.calculatePosition()}handleClick(o){var e;const s=o.target.closest(".verdocs-portal");if(!this.element.contains(o.target)&&!s){(e=this.clickAway)===null||e===void 0?void 0:e.emit()}document.querySelectorAll(".verdocs-multiselect-dropdown").forEach((o=>o.remove()))}calculateLeft(){var o;const e=document.getElementById(this.anchor);if(!e)return 0;const s=e.getBoundingClientRect();const r=document.documentElement.clientWidth+document.documentElement.scrollLeft;const c=Math.max(s.left,0);const a=((o=this.element)===null||o===void 0?void 0:o.offsetWidth)||400;const i=c+a>r;return i?r-a-20:c}calculateTop(){var o;const e=document.getElementById(this.anchor);if(!e)return 0;const s=e.getBoundingClientRect();const r=document.documentElement.clientHeight+document.documentElement.scrollTop;const c=s.bottom+this.voffset+document.documentElement.scrollTop;const a=((o=this.element)===null||o===void 0?void 0:o.offsetHeight)||300;const i=c+a>r;return i?c-a-s.height:c}calculatePosition(){this.portal.style.top=`${this.calculateTop()}px`;this.portal.style.left=`${this.calculateLeft()}px`}componentWillLoad(){var o;const e=`${this.anchor}-portal`;(o=document.getElementById(e))===null||o===void 0?void 0:o.remove();this.portal=document.createElement("div");this.portal.setAttribute("id",e);this.portal.style.zIndex=l;this.portal.style.position="absolute";this.portal.className="verdocs-portal-wrapper";document.body.append(this.portal)}componentDidLoad(){this.portal.appendChild(this.element);this.calculatePosition()}disconnectedCallback(){this.moved?this.portal.remove():this.moved=true}render(){return e(s,{key:"6496c55ff467085e8d1d660f749abb2e70eb8c95",ref:o=>this.element=o,class:"verdocs-portal"},e("slot",{key:"731cefa0a79a520279e255455a95e22d1255f424"}))}};n.style=t;export{d as verdocs_organization_card,n as verdocs_portal};
|
2
|
+
//# sourceMappingURL=p-9b1b273c.entry.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"names":["verdocsOrganizationCardCss","BusinessIcon","VerdocsOrganizationCard","constructor","hostRef","this","hovered","onMouseOver","onMouseOut","render","console","log","organization","thumbnail_url","fallbackIcon","portalId","id","h","Host","key","class","src","alt","innerHTML","_a","name","anchor","style","display","full_logo_url","_b","_c","format","Date","_d","created_at","undefined","url","href","_e","target","rel","_f","verdocsPortalCss","Z_INDEX","VerdocsPortal","moved","voffset","handleScroll","calculatePosition","handleResize","handleClick","e","closest","element","contains","clickAway","emit","document","querySelectorAll","forEach","el","remove","calculateLeft","anchorEl","getElementById","anchorRect","getBoundingClientRect","rightOfViewportWithScroll","documentElement","clientWidth","scrollLeft","leftOfPopup","Math","max","left","popupWidth","offsetWidth","offRightEdge","calculateTop","bottomOfViewportWithScroll","clientHeight","scrollTop","topOfPopup","bottom","popupHeight","offsetHeight","offBottomEdge","height","portal","top","componentWillLoad","createElement","setAttribute","zIndex","position","className","body","append","componentDidLoad","appendChild","disconnectedCallback","ref"],"sources":["src/components/controls/verdocs-organization-card/verdocs-organization-card.scss?tag=verdocs-organization-card","src/components/controls/verdocs-organization-card/verdocs-organization-card.tsx","src/components/controls/verdocs-portal/verdocs-portal.scss?tag=verdocs-portal","src/components/controls/verdocs-portal/verdocs-portal.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-organization-card {\n font-family: $primary-font;\n display: flex;\n flex-direction: row;\n align-items: center;\n border: 1px solid $light-border-color;\n background: #ffffff;\n border-radius: 8px;\n padding: 7px 15px;\n\n .icon {\n flex: 0;\n height: 24px;\n width: 24px;\n margin: 0 14px 0 0;\n\n svg {\n fill: $icon-color;\n height: 24px;\n width: 24px;\n }\n }\n\n .content {\n margin-top: 2px;\n }\n}\n\n.verdocs-org-card-popup {\n font-family: $primary-font;\n background: #ffffff;\n border-radius: 10px;\n width: 326px;\n padding: 20px 40px 0 40px;\n flex-direction: column;\n flex-wrap: nowrap;\n border: 1px solid $light-border-color;\n\n .popup-header-with-logo {\n display: flex;\n flex: 0;\n gap: 20px;\n flex-direction: column;\n margin: 0 0 20px 0;\n font-size: 21px;\n line-height: 16px;\n color: $secondary-color;\n\n img {\n max-width: 300px;\n max-height: 50px;\n }\n }\n\n .popup-header {\n display: flex;\n flex: 0;\n gap: 20px;\n flex-direction: row;\n align-items: flex-end;\n margin: 0 0 20px 0;\n font-size: 21px;\n line-height: 16px;\n color: $secondary-color;\n }\n\n .popup-body {\n display: flex;\n flex-direction: column;\n font-size: 14px;\n text-transform: uppercase;\n }\n\n .status {\n transform: scale(1.5);\n width: 24px;\n height: 24px;\n }\n\n .field {\n margin: 0 0 20px 0;\n\n strong {\n color: $label-color-very-light;\n display: block;\n margin: 0 0 5px 0;\n }\n\n a {\n color: $verdocs-purple;\n text-transform: uppercase;\n }\n }\n}\n","import {format} from 'date-fns';\nimport {Component, Prop, h, Host, Listen, State} from '@stencil/core';\nimport type {IOrganization} from '@verdocs/js-sdk';\n\n// TODO: See what was done in Storybook. Move all SVG icons to a common file that both projects can share\n// and reduce duplication between components for re-used icons. Also bring icons into Figma for reuse there.\n\nconst BusinessIcon =\n '<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>';\n\n/**\n * Display a small summary card describing an organization.\n *\n * ```ts\n * <verdocs-organization-card organization={organization} />\n * ```\n */\n@Component({\n tag: 'verdocs-organization-card',\n styleUrl: 'verdocs-organization-card.scss',\n})\nexport class VerdocsOrganizationCard {\n /**\n * The organization to display\n */\n @Prop() organization: IOrganization;\n\n @State()\n hovered: boolean = false;\n\n @Listen('mouseover')\n onMouseOver() {\n this.hovered = true;\n }\n\n @Listen('mouseout')\n onMouseOut() {\n this.hovered = false;\n }\n\n render() {\n console.log('Rendering org card', this.organization.thumbnail_url, this.organization);\n const fallbackIcon = BusinessIcon;\n const portalId = `verdocs-org-card-${this.organization.id}`;\n\n return (\n <Host id={portalId}>\n {this.organization.thumbnail_url ? <img class=\"icon\" src={this.organization.thumbnail_url} alt=\"Logo\" /> : <span class=\"icon\" innerHTML={fallbackIcon} />}\n\n <span class=\"content\">{this.organization?.name}</span>\n\n <verdocs-portal anchor={portalId}>\n <div class=\"verdocs-org-card-popup\" style={{display: this.hovered ? 'block' : 'none'}}>\n {this.organization.full_logo_url ? (\n <div class=\"popup-header-with-logo\">\n <img src={this.organization.full_logo_url} alt=\"Logo\" />\n <div class=\"title\">{this.organization?.name}</div>\n </div>\n ) : (\n <div class=\"popup-header\">\n <span class=\"status\">\n <span class=\"icon\" innerHTML={fallbackIcon} />\n </span>\n <span class=\"title\">{this.organization?.name}</span>\n </div>\n )}\n\n <div class=\"popup-body\">\n <div class=\"field\">\n <strong>Joined</strong>\n {format(new Date(this.organization?.created_at || undefined), 'LLL d, Y')}\n </div>\n {this.organization.url && (\n <div class=\"field\">\n <strong>Website</strong>\n <a href={this.organization?.url} target=\"_blank\" rel=\"nofollow\">\n {this.organization?.url}\n </a>\n </div>\n )}\n </div>\n </div>\n </verdocs-portal>\n </Host>\n );\n }\n}\n","@import '../../../theme.scss';\n\nverdocs-portal {\n}\n","import {Component, EventEmitter, h, Host, Listen, Prop, Event} from '@stencil/core';\n\nconst Z_INDEX = '10001';\n\n/**\n * Display a child component in a \"portal\", popping it out of the main DOM tree\n * to allow it to escape the bounds set by its parent.\n * @credit https://github.com/tomas-teston/stencil-portal for the basic\n * technique. This has been altered in a few ways to make it more friendly\n * to cases where there may be multiple portals on the page and provide more\n * alignment options for the child to be displayed.\n *\n * ```ts\n * <div style=\"padding: 40px\">\n * <div id=\"sample-tooltip\" style=\"border: 1px solid green; padding: 3px 10px;\">\n * Tooltip Anchor\n * <verdocs-portal anchor=\"sample-tooltip\" .align=${align} .voffset=${voffset}>\n * <div style=\"border: 1px solid red; padding: 3px 10px;\">Tooltip</div>\n * </verdocs-portal>\n * </div>\n * </div>\n * ```\n */\n@Component({\n tag: 'verdocs-portal',\n styleUrl: 'verdocs-portal.scss',\n shadow: false,\n})\nexport class VerdocsPortal {\n private portal: HTMLElement;\n private element: HTMLElement;\n private moved: boolean = false;\n\n /**\n * Unique ID of the parent element to anchor to.\n */\n @Prop() anchor: string;\n\n /**\n * Vertical offset from the parent.\n */\n @Prop() voffset: number = 0;\n\n @Event() clickAway: EventEmitter<void>;\n\n @Listen('scroll', {target: 'window', capture: true})\n handleScroll() {\n this.calculatePosition();\n }\n\n @Listen('resize', {target: 'window'})\n handleResize() {\n this.calculatePosition();\n }\n\n @Listen('click', {target: 'document'})\n handleClick(e) {\n const closest = e.target.closest('.verdocs-portal');\n if (!this.element.contains(e.target) && !closest) {\n this.clickAway?.emit();\n }\n\n // Temporary hack to dismiss portals-in-portals, which right now is pretty much just\n // multiselect.\n document.querySelectorAll('.verdocs-multiselect-dropdown').forEach(el => el.remove());\n }\n\n private calculateLeft() {\n const anchorEl = document.getElementById(this.anchor);\n if (!anchorEl) return 0;\n\n const anchorRect = anchorEl.getBoundingClientRect();\n\n const rightOfViewportWithScroll = document.documentElement.clientWidth + document.documentElement.scrollLeft;\n const leftOfPopup = Math.max(anchorRect.left, 0);\n // Old centering logic, disabled temporarily\n // Math.max(anchorRect.left - this.portal.offsetWidth / 2 + anchorRect.width / 2, 0);\n // Old right-align logic, disabled temporarily\n // Math.max(anchorRect.left + anchorRect.width - this.portal.offsetWidth, 0);\n const popupWidth = this.element?.offsetWidth || 400;\n const offRightEdge = leftOfPopup + popupWidth > rightOfViewportWithScroll;\n\n return offRightEdge ? rightOfViewportWithScroll - popupWidth - 20 : leftOfPopup;\n }\n\n private calculateTop() {\n const anchorEl = document.getElementById(this.anchor);\n if (!anchorEl) return 0;\n\n const anchorRect = anchorEl.getBoundingClientRect();\n\n const bottomOfViewportWithScroll = document.documentElement.clientHeight + document.documentElement.scrollTop;\n const topOfPopup = anchorRect.bottom + this.voffset + document.documentElement.scrollTop;\n const popupHeight = this.element?.offsetHeight || 300;\n const offBottomEdge = topOfPopup + popupHeight > bottomOfViewportWithScroll;\n\n return offBottomEdge ? topOfPopup - popupHeight - anchorRect.height : topOfPopup;\n }\n\n private calculatePosition() {\n this.portal.style.top = `${this.calculateTop()}px`;\n this.portal.style.left = `${this.calculateLeft()}px`;\n }\n\n componentWillLoad() {\n const id = `${this.anchor}-portal`;\n document.getElementById(id)?.remove();\n\n this.portal = document.createElement('div');\n this.portal.setAttribute('id', id);\n this.portal.style.zIndex = Z_INDEX;\n this.portal.style.position = 'absolute';\n this.portal.className = 'verdocs-portal-wrapper';\n document.body.append(this.portal);\n }\n\n componentDidLoad() {\n this.portal.appendChild(this.element);\n this.calculatePosition();\n }\n\n disconnectedCallback() {\n this.moved ? this.portal.remove() : (this.moved = true);\n }\n\n render() {\n return (\n <Host ref={el => (this.element = el)} class=\"verdocs-portal\">\n <slot />\n </Host>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}
|