https://my.luanasavingsbank.com/en/js/bannoweb-third-party-account-list-item-DJHBibjJ.js

1import{a as e}from"./standalone-app-Bj-IdwrG.js";import{E as t,_ as n,x as r}from"./institution-DyFDvNu6.js";import"./third-party-account-CBPbZEMc.js";import{a as i,r as a}from"./banno-styles-B3iGgKv1.js";import"./bannoweb-currency-B8mbcVJL.js";import{t as o}from"./observable-models-lit-Conecq5s.js";import{t as s}from"./third-party-account-CicnImIR.js";import"./bannoweb-transaction-date-xeov6_Xi.js";var c=o(n);window.BannowebThirdPartyAccountListItemElement=class extends c{static get is(){return`bannoweb-third-party-account-list-item`}static get properties(){return{account:{type:Object},href:{type:String},isOnDashboard:{type:Boolean,attribute:`is-on-dashboard`},isInPeople:{type:Boolean,attribute:`is-in-people`}}}constructor(){super(),e(()=>import(`./icon-circle-exclamation-CPV1Eg_u.js`).then(e=>e.t),[]),this.account=null,this.href=``,this.isOnDashboard=!1,this.isInPeople=!1,this.getLastUpdatedText_=null,e(()=>import(`./client-shared-BHN-m7me.js`).then(e=>{this.getLastUpdatedText_=e.getLastUpdatedText,this.requestUpdate(void 0,void 0)}),[])}static get styles(){return[a,i,t`:host{width:100%}:host a{height:var(--accounts-item-height,auto);box-sizing:border-box;padding:16px 0;padding-right:var(--jha-content-inset);color:var(--primary-button-color);justify-content:space-between;align-items:flex-start;text-decoration:none;display:flex}:host([is-on-dashboard]) a{height:var(--accounts-item-height,64px);padding:12px 16px 0}:host([is-in-people]) a{height:var(--accounts-item-height,auto);margin-right:24px;padding:16px 0}.title-container{white-space:nowrap;text-overflow:ellipsis;width:40px;color:var(--account-card-primary-text-color);flex:1 1 0;overflow:hidden}.title{font-size:var(--jha-accounts-card-title-size,16px);color:var(--jha-accounts-card-title-color,var(--body-text-primary-color));font-weight:var(--jha-accounts-card-title-weight,500);white-space:nowrap;text-overflow:ellipsis;outline:0;overflow:hidden}.fi-info{font-size:var(--jha-accounts-card-fi-info-size,12px);color:var(--jha-accounts-card-fi-info-color,var(--body-text-secondary-color));clear:both;margin-top:var(--jha-accounts-card-balance-title-top-margin,3px);outline:0;font-weight:400;line-height:14px}.right-column{opacity:1;margin-left:15px}.balance-title{text-align:right;font-size:var(--jha-accounts-card-balance-title-size,12px);margin-top:var(--jha-accounts-card-balance-title-top-margin,3px);color:var(--jha-accounts-card-balance-title-color,var(--body-text-secondary-color));outline:0;line-height:16px}bannoweb-currency{text-align:right;font-size:var(--jha-currency-size,16px);font-weight:var(--accounts-card-currency-font-weight,500);color:var(--jha-currency-color);outline:0;transition:color .2s}.status-chip{color:var(--color-warning);font-size:var(--jha-text-size-base,14px);display:var(--bannoweb-account-status-chip-display,flex);align-items:center;line-height:16px}

1.status-chip jh-icon-circle-exclamation{fill:var(--color-warning);width:12px;height:12px;margin-right:4px}:host([is-on-dashboard]) .status-chip{color:var(--account-card-secondary-background-color);background:var(--account-card-secondary-accent-color);font-weight:500;line-height:12px;font-size:var(--jha-accounts-card-fi-info-size,10px);border-radius:4px 4px 0 0;padding:0 6px;position:absolute;bottom:4px;left:18px}:host([is-in-people]) .status-chip{color:var(--jha-color-danger);font-weight:400;display:inline-block;position:static}:host([is-on-dashboard]) .status-chip jh-icon-circle-exclamation{display:none}:host([is-in-people]) .status-chip jh-icon-circle-exclamation{fill:var(--jha-color-danger);width:16px;height:16px;margin-right:1px;display:inline-block;position:relative;top:3px}`]}render(){return this.account?r`<a class="reset" href="${this.href}"> <div class="title-container"> <div class="title">${this.account.name}</div> <div class="fi-info">${this.isOnDashboard?this.renderFiInfo():this.maybeRenderErrorChip()}</div> </div> <div class="right-column"> <bannoweb-currency .amount="${this.account.balance}"></bannoweb-currency> <div class="balance-title" title="${this.account.lastUpdate}"> ${this.getLastUpdatedText_&&this.getLastUpdatedText_(Date.now()-new Date(this.account.lastUpdate))} </div> </div> </a> ${this.isOnDashboard&&!this.isInPeople?this.maybeRenderErrorChip():``}`:``}renderFiInfo(){return r`${this.account.institutionName} ${this.isInPeople?this.maybeRenderErrorChip():``}`}maybeRenderErrorChip(){return this.account.error?r`<div class="status-chip"> <jh-icon-circle-exclamation></jh-icon-circle-exclamation> ${s(this.account.error)} </div>`:``}},customElements.define(window.BannowebThirdPartyAccountListItemElement.is,window.BannowebThirdPartyAccountListItemElement);var l=window.BannowebThirdPartyAccountListItemElement;export{l as default};