@verdocs/web-sdk 5.4.1 → 6.0.2

package/dist/verdocs-web-sdk/p-09b7db37.entry.js

@@ -1,2 +0,0 @@
-import{r as o,h as e,H as c,c as s}from"./p-6vpKbd31.js";import{d as r}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,s,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(c,{key:"fc6584eb52dd94bd4a68fa14cc3ffe3382b9ac30",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:"77c094a92a020c080bb406ea05643d295afdbce8",class:"content"},(o=this.organization)===null||o===void 0?void 0:o.name),e("verdocs-portal",{key:"ff04880732101397965f9cc7f2198265bb532b3b",anchor:p},e("div",{key:"9cbc7c9f7175ccff1f79859a75905b8b056b3dc9",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"},(s=this.organization)===null||s===void 0?void 0:s.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:"0278c1279797809493fdebe4a25613fd6ec702a3",class:"popup-body"},e("div",{key:"ec3a19327e768623802ba0f23140f226eeea1282",class:"field"},e("strong",{key:"b3bfc4918e28de9d768ed77c30ba26f74d253c9f"},"Joined"),r.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:"42721ddbbf7d8de9ad232ca34e0ddc7afca7e917",class:"field"},e("strong",{key:"1d6e9b91b00a2c79474828f59cdf6b613f7c6402"},"Website"),e("a",{key:"c7cc36bdd573e2f2644771a9573c72a6265fc371",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=s(this,"clickAway");this.moved=false;this.voffset=0}handleScroll(){this.calculatePosition()}handleResize(){this.calculatePosition()}handleClick(o){var e;const c=o.target.closest(".verdocs-portal");if(!this.element.contains(o.target)&&!c){(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 c=e.getBoundingClientRect();const s=document.documentElement.clientWidth+document.documentElement.scrollLeft;const r=Math.max(c.left,0);const a=((o=this.element)===null||o===void 0?void 0:o.offsetWidth)||400;const i=r+a>s;return i?s-a-20:r}calculateTop(){var o;const e=document.getElementById(this.anchor);if(!e)return 0;const c=e.getBoundingClientRect();const s=document.documentElement.clientHeight+document.documentElement.scrollTop;const r=c.bottom+this.voffset+document.documentElement.scrollTop;const a=((o=this.element)===null||o===void 0?void 0:o.offsetHeight)||300;const i=r+a>s;return i?r-a-c.height:r}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(c,{key:"eeb176eb22239e9bd1859d87e50d9dba08a36c5a",ref:o=>this.element=o,class:"verdocs-portal"},e("slot",{key:"0cc38913adf3b2d41e9d635a7c6bafac3e71fd8f"}))}};n.style=t;export{d as verdocs_organization_card,n as verdocs_portal};
-//# sourceMappingURL=p-09b7db37.entry.js.map

package/dist/verdocs-web-sdk/p-09b7db37.entry.js.map

@@ -1 +0,0 @@
-{"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":[]}

package/dist/verdocs-web-sdk/p-3411287e.system.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["verdocsOrganizationCardCss","BusinessIcon","VerdocsOrganizationCard","exports","class_1","hostRef","this","hovered","prototype","onMouseOver","onMouseOut","render","console","log","organization","thumbnail_url","fallbackIcon","portalId","concat","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","class_2","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","_this","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":[]}