1import{t as e}from"./standalone-app-Bj-IdwrG.js";import{n as t,r as n}from"./polymer-C_GypsRJ.js";import{l as r,o as i,p as a}from"./institution-DyFDvNu6.js";import"./user-BMje1Le7.js";import{t as o}from"./page-B8YwBOEr.js";import"./third-party-account-CBPbZEMc.js";import{Sr as s,U as c,_r as l,i as u,o as d,vr as f}from"./main-5Sl8yySz.js";import"./jha-card-DC-UH8vN.js";import"./jha-card-header-D2XWRnD9.js";import"./jha-button-Dyau4S4K.js";import{t as p}from"./observable-models-D0t-na9H.js";import{t as m}from"./language-utils-DMDnwVwz.js";import"./jha-link-button-k4YCp-l3.js";import"./jha-dropdown-toggle-BD-PhqOy.js";import"./jha-list-UCQUTbOQ.js";import"./jha-grid-C8KUzcaJ.js";import{t as h}from"./animation-C2JrD8UH.js";import"./bannoweb-page-container-G_uPsQAr.js";import"./jha-flex-wrapper-DmIt29Hs.js";import{t as g}from"./filtered-collection-C1ad7CSp.js";import{t as _}from"./bannoweb-add-account-menu-CcJgcIhV.js";import{t as v}from"./bannoweb-card-menu-BZnGIJeg.js";var y=class extends v{},b=class extends v{},x=p(t);window.BannowebAccountsCardListElement=class extends x{static get is(){return`bannoweb-accounts-card-list`}static get properties(){return{accountsCollection:{type:Object,value:()=>{}},accounts:{type:Object,observer:window.BannowebAccountsCardListElement.prototype.accountsChanged_},thirdPartyAccounts:{type:Object,observer:window.BannowebAccountsCardListElement.prototype.thirdPartyAccountsChanged_},pagedItems:{type:Object,value:()=>[]},pagedAccounts:Object,pagedThirdPartyAccounts:Object,displayAccounts:Array,balanceDisplaySettings:{type:Array,value:()=>[]},accountsPerPage:{type:Number,value:4,observer:window.BannowebAccountsCardListElement.prototype.pageCriteriaChanged_},startIndex:{type:Number,value:0,observer:window.BannowebAccountsCardListElement.prototype.pageCriteriaChanged_},user:Object,href:String,query:String,primaryInstitutionId:String,isOnDashboard:{type:Boolean,attribute:`is-on-dashboard`,notifyPath:!0},isInPeople:{type:Boolean,attribute:`is-in-people`,notifyPath:!0}}}constructor(){super(),e(()=>import(`./bannoweb-accounts-card-list-item-Bz1P_ZQE.js`),[]),e(()=>import(`./bannoweb-third-party-account-list-item-CpVKjmBH.js`),[]),this.accountsCollectionSubcription_=null}disconnectedCallback(){this.accountsCollectionSubcription_&&this.accountsCollectionSubcription_.unsubscribe(),super.disconnectedCallback()}getNextListItem_(e){if(!(!e||!e.nextElementSibling))return e.nextElementSibling.tagName===`JHA-LIST-ITEM`&&!e.nextElementSibling.hasAttribute(`clone`)?e.nextElementSibling:this.getNextListItem_(e.nextElementSibling)}getPrevListItem_(e){if(!(!e||!e.previousElementSibling))return e.previousElementSibling.tagName===`JHA-LIST-ITEM`&&!e.previousElementSibling.hasAttribute(`clone`)?e.previousElementSibling:this.getPrevListItem_(e.previousElementSibling)}pageCriteriaChanged_(){this.pagedAccounts&&(this.pagedAccounts.startIndex=this.startIndex,this.pagedAccounts.size=this.accountsPerPage,this.pagedAccounts.refilter()),this.pagedThirdPartyAccounts&&this.accounts&&(this.pagedThirdPartyAccounts.startIndex=this.calculateThirdPartyIndex_(),this.pagedThirdPartyAccounts.size=this.calculateThirdPartyNumber_(),this.pagedThirdPartyAccounts.refilter())}accountsChanged_(e,t){if(!e){this.pagedAccounts=void 0;return}this.accounts!==null&&this.accounts!==void 0&&(this.pagedAccounts=new y(this.accounts,this.startIndex,this.accountsPerPage)),this.accountsCollectionSubcription_&&this.accountsCollectionSubcription_.unsubscribe(),this.accountsCollectionSubcription_=a.from(e).subscribe(this.accountsCollectionSubscriptionHandler.bind(this))}accountsCollectionSubscriptionHandler(e){switch(e.type){case i.SPLICE:this.pageCriteriaChanged_();break;default:break}}calculateThirdPartyIndex_(){return this.accounts?Math.max(0,this.startIndex-this.accounts.items.length):this.startIndex}calculateThirdPartyNumber_(){if(!this.accounts)return this.accountsPerPage;let e=this.accounts.items.length-this.startIndex,t=Math.min(this.accountsPerPage,Math.max(0,e));return this.accountsPerPage-t}thirdPartyAccountsChanged_(e,t){if(!e){this.pagedThirdPartyAccounts=void 0;return}this.thirdPartyAccounts&&(this.pagedThirdPartyAccounts=new b(this.thirdPartyAccounts,this.calculateThirdPartyIndex_(),this.calculateThirdPartyNumber_()))}getHref(e){let t=this.href?this.href:`/account`;return t=`${t}/${e}`,this.query&&(t+=`?${this.query}`),t}static get template(){return n`<style>@keyframes slide-to-left{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes slide-to-right{0%{transform:translate(-100%)}to{transform:translate(0)}}:host{float:left;width:50%;display:block}jha-list-item{box-sizing:border-box;padding:0;padding-left:var(--jha-content-inset);background-color:var(--primary-content-background-color);margin:0;display:block}jha-list-item:after{border-bottom-width:var(--bannoweb-account-card-list-border-bottom-width,0)}jha-list-item:focus-within{background-color:var(--jha-focus-highlight-color)}:host([next-page]){animation:.3s slide-to-left}:host([prev-page]){animation:.3s slide-to-right}
1:host([people]) svg{fill:var(--jha-color-muted)}@media (width>=740px) and (width<=991px){:host([singleColumn]) jha-list-item{padding-left:24px}:host([singleColumn]) bannoweb-accounts-card-list-item{padding-right:24px}}@media (width<=739px){jha-list-item span{order:2;margin-left:0;padding-right:10px}}@media (width<=470px){jha-list-item span{padding-right:3px}}</style> <template is="dom-repeat" id="repeat" items="[[pagedAccounts.items]]" initial-count="20"> <jha-list-item account-type$="[[item.accountType]]"> <div> <bannoweb-accounts-card-list-item account="[[item]]" accounts-collection="[[accountsCollection]]" balance-display-settings="[[balanceDisplaySettings]]" href$="[[getHref(item.id)]]" primary-institution-id="[[primaryInstitutionId]]" is-in-people$="[[isInPeople]]"></bannoweb-accounts-card-list-item> </div> </jha-list-item> </template> <template is="dom-repeat" id="repeat" items="[[pagedThirdPartyAccounts.items]]" initial-count="20"> <jha-list-item account-type$="[[item.accountType]]"> <div> <bannoweb-third-party-account-list-item account="[[item]]" href$="[[getHref(item.id)]]" is-on-dashboard$="[[isOnDashboard]]" is-in-people$="[[isInPeople]]"></bannoweb-third-party-account-list-item> </div> </jha-list-item> </template>`}},customElements.define(window.BannowebAccountsCardListElement.is,window.BannowebAccountsCardListElement),window.BannowebAccountsCardListElement;var{institution:S}=d.store,C=p(m(t));window.BannowebAccountsCardHeaderElement=class extends C{static get is(){return`bannoweb-accounts-card-header`}static get properties(){return{isReordering:{type:Boolean,value:!1,reflectToAttribute:!0},showProgress:{type:Boolean,value:!1},showError:{type:Boolean,value:!1},disableReordering:{type:Boolean,value:!1},institution:{type:Object,value:()=>S,observer:window.BannowebAccountsCardHeaderElement.prototype.checkSsoLink_},supportsSsoAddAccounts:{type:Boolean},supportsSsoLoans:{type:Boolean},disableAddAccount:{type:Boolean,value:!1},showMenu:{type:Boolean,value:!1},saving:{type:Boolean,value:!1},cardId:String}}constructor(){super(),e(()=>import(`./jha-icon-sort-BnfKtw3M.js`),[]),e(()=>import(`./jha-icon-plus-xdpt0yxb.js`),[])}displayMenu(e,t){return e&&!t}checkSsoLink_(e){this.supportsSsoAddAccounts=!!e.getLink(r.ACCOUNT_OPENING),this.supportsSsoLoans=!!e.getLink(r.LOAN_ACCOUNT_OPENING)}showAddAccountButton(e,t,n,r){return!t&&(this.supportsExternalTransferAccounts_(e)||n||r||e.thirdPartyAccounts)}supportsExternalTransferAccounts_(e){return e.twoFAEnabled&&(e.externalTransferInbound||e.externalTransferOutbound)}addAccount(e){e.preventDefault();let t=new _;this.dispatchEvent(new u(t))}onReorganizeAccountsClick_(e){this.dispatchEvent(new CustomEvent(`reorganize-accounts`,{bubbles:!0,composed:!0}))}static get template(){return n`<style>:host{--jha-button-link-text-size:16px;display:block}header{padding:var(--jha-card-header-padding-top) var(--jha-card-header-padding-right) var(--jha-card-header-padding-bottom) 0;margin-left:var(--jha-card-header-margin-left);border-bottom:1px solid var(--jha-border-color);align-items:center;display:flex}#reorder-title{@apply --card-header-title;}.sub-header{font-size:12px;font-weight:400}h1{@apply --card-header-title;width:auto;display:inline-block}:host([is-reordering]) .card-title{padding:18px 0 15px}a{font-size:var(--jha-base-font-size);@apply --base-anchor-styles;color:var(--jha-text-base);align-items:center;display:flex}jha-tooltip{line-height:0}jha-icon-sort{vertical-align:middle;width:18px;height:18px;fill:var(--jha-text-base)}jha-icon-plus{vertical-align:middle}bannoweb-card-menu jha-icon-sort,bannoweb-card-menu jha-icon-plus{fill:var(--jha-text-theme);margin-right:8px}bannoweb-card-menu jha-dropdown-menu-item a{padding:10px 12px}@media (width>=740px) and (width<=991px){:host([singleColumn]) header{padding-left:24px;padding-right:8px}}@media (width<=470px){:host(:not([is-reordering])) .card-title{padding-right:10px}}</style> <jha-card-header loading="[[showProgress]]" has-error="[[showError]]"> <template is="dom-if" if="[[!isReordering]]"> <slot>Accounts</slot> <template is="dom-if" if="[[showAddAccountButton(institution.abilities, disableAddAccount, supportsSsoAddAccounts, supportsSsoLoans)]]"> <jha-tooltip bottom-left="" text="Add an account" slot="header-right"> <jha-link-button icon="" small="" on-click="addAccount" href="/add-account"> <jha-icon-plus aria-label="Add account"></jha-icon-plus> </jha-link-button> </jha-tooltip> </template> <template is="dom-if" if="[[!showMenu]]"> <template is="dom-if" if="[[!disableReordering]]"> <jha-tooltip slot="header-right" bottom-left="" text="Reorder your accounts"> <jha-button sync="" icon="" on-click="onReorganizeAccountsClick_" type="button"> <jha-icon-sort></jha-icon-sort> </jha-button>
1 </jha-tooltip> </template> </template> <span slot="header-right"> <slot name="settings-slot"></slot> </span> <template is="dom-if" if="[[showMenu]]"> <bannoweb-card-menu slot="header-right" card-id="[[cardId]]"> <template is="dom-if" if="[[!disableReordering]]"> <jha-dropdown-menu-item aria-label=""> <a href="/organize-accounts"> <jha-icon-sort></jha-icon-sort> Organize accounts </a> </jha-dropdown-menu-item> </template> <template is="dom-if" if="[[showAddAccountButton(institution.abilities, disableAddAccount, supportsSsoAddAccounts, supportsSsoLoans)]]"> <jha-dropdown-menu-item> <a icon="" on-click="addAccount" href="/add-account"> <jha-icon-plus></jha-icon-plus> Add an account </a> </jha-dropdown-menu-item> </template> </bannoweb-card-menu> </template> </template> <template is="dom-if" if="[[isReordering]]"> <div id="reorder-title"> Organize accounts <div class="sub-header">Drag to reorder accounts</div> </div> </template> </jha-card-header>`}},customElements.define(window.BannowebAccountsCardHeaderElement.is,window.BannowebAccountsCardHeaderElement),window.BannowebAccountsCardHeaderElement;var w=`bannoweb-reorder-item`,T={ARROW_DOWN:`ArrowDown`,ARROW_UP:`ArrowUp`,SPACE:`Space`};function E(e,t,n){let r=n.top+window.pageYOffset,i=n.bottom+window.pageYOffset;return n.left<=e&&n.right>=e&&r<=t&&i>=t}var D=h(t);window.BannowebReorderListElement=class extends D{static get is(){return`bannoweb-reorder-list`}static get properties(){return{ariaHelpText:String}}constructor(){super(),this.boundDragStart_=this.dragStart_.bind(this),this.boundDragEnd_=this.dragEnd_.bind(this),this.boundDragEnter_=this.dragEnter_.bind(this),this.boundDragOver_=this.dragOver_.bind(this),this.boundDrop_=this.drop_.bind(this),this.boundEnableDrag_=this.enableDrag_.bind(this),this.boundDisableDrag_=this.disableDrag_.bind(this),this.boundStartDragFromTouch_=this.startDragFromTouch_.bind(this),this.boundTouchDragMove_=this.touchDragMove_.bind(this),this.boundEndDragFromTouch_=this.endDragFromTouch_.bind(this),this.boundHandleKeydown_=this.handleKeydown_.bind(this),this.boundOnKeyReorderTargetBlur_=this.onKeyReorderTargetBlur_.bind(this),this.dragTarget_,this.keyReorderTarget_,this.dragHoverElem_,this.animationTimeout_,this.draggingEnabled_=!1,this.dragClone_,this.dragCloneOffsets_,this.listLength_}connectedCallback(){super.connectedCallback(),this.root.querySelector(`slot`).addEventListener(`slotchange`,e=>this.updateEvents(e))}disconnectedCallback(){super.disconnectedCallback(),this.removeAllEventListeners(this.listItems)}get listItems(){return Array.from(this.querySelectorAll(w))||[]}updateEvents(e){let t=this.listItems;!t||this.listLength_===t.length||(this.listLength_&&this.removeAllEventListeners(t),this.listLength_=t.length,this.addEventListeners(t))}addEventListeners(e){e.forEach((e,t)=>{e.addEventListener(`dragstart`,this.boundDragStart_,!1),e.addEventListener(`dragend`,this.boundDragEnd_,!1),e.addEventListener(`drop`,this.boundDrop_,!1),e.addEventListener(`dragenter`,this.boundDragEnter_,!1),e.addEventListener(`dragover`,this.boundDragOver_,!1),e.addEventListener(`keydown`,this.boundHandleKeydown_,!1),e.setAttribute(`tabindex`,0),e.setAttribute(`role`,`option`);let n=e.root.querySelector(`div[drag-item]`);n&&(n.addEventListener(`mousedown`,this.boundEnableDrag_,!1),n.addEventListener(`mouseup`,this.boundDisableDrag_,!1),n.addEventListener(`touchstart`,this.boundStartDragFromTouch_,!1),n.addEventListener(`touchmove`,this.boundTouchDragMove_,!1),n.addEventListener(`touchend`,this.boundEndDragFromTouch_,!1))})}removeAllEventListeners(e){e.forEach(e=>{e.removeEventListener(`dragstart`,this.boundDragStart_,!1),e.removeEventListener(`dragend`,this.boundDragEnd_,!1),e.removeEventListener(`drop`,this.boundDrop_,!1),e.removeEventListener(`dragenter`,this.boundDragEnter_,!1),e.removeEventListener(`dragover`,this.boundDragOver_,!1),e.removeEventListener(`keydown`,this.boundHandleKeydown_,!1);let t=e.root.querySelector(`div[drag-item]`);t&&(t.removeEventListener(`mousedown`,this.boundEnableDrag_,!1),t.removeEventListener(`mouseup`,this.boundDisableDrag_,!1),t.removeEventListener(`touchstart`,this.boundStartDragFromTouch_,!1),t.removeEventListener(`touchmove`,this.boundTouchDragMove_,!1),t.removeEventListener(`touchend`,this.boundEndDragFromTouch_,!1))})}handleKeydown_(e){let t=e.code,n=e.composedPath().find(e=>e.tagName===`BANNOWEB-REORDER-ITEM`);switch(t){case T.ARROW_DOWN:case T.ARROW_UP:e.preventDefault(),this.handleArrowKey(n,t);return;case T.SPACE:e.preventDefault(),this.toggleSelected(n);return;default:return}}handleArrowKey(e,t){let n=this.getItemIndex(e)+(t===T.ARROW_UP?-1:1);if(n<0||n>=this.listItems.length)return;let r=this.listItems[n];if(this.keyReorderTarget_){this.moveListItem(e,r,t);return}this.moveFocus(e,r),this.ariaHelpText=``}moveFocus(e,t){this.blurItem(e),this.focusItem(t)}moveListItem(e,t,n){let r=n===T.ARROW_UP?e.nextSibling:e;e.parentNode.insertBefore(t,r),this.updateAriaHelpText(e)}focusItem(e){e&&(e.tabIndex=0,e.focus())}blurItem(e){e&&(e.blur(),e.setAttribute(`tabIndex`,-1))}
1toggleSelected(e){if(this.listItems.forEach(e=>{e.removeAttribute(`selected`)}),this.keyReorderTarget_){this.keyReorderTarget_.removeEventListener(`blur`,this.boundOnKeyReorderTargetBlur_,!1),this.resetTabIndexes(),this.keyReorderTarget_=void 0,this.updateAriaHelpText(e),this.dispatchChangeEvent();return}this.keyReorderTarget_=e,this.keyReorderTarget_.setAttribute(`selected`,!0),this.keyReorderTarget_.addEventListener(`blur`,this.boundOnKeyReorderTargetBlur_,!1),this.updateAriaHelpText(e)}onKeyReorderTargetBlur_(e){this.resetTabIndexes(),this.toggleSelected(this.keyReorderTarget_),this.ariaHelpText=``}resetTabIndexes(){this.keyReorderTarget_&&this.keyReorderTarget_.setAttribute(`tabIndex`,-1),this.listItems[0].setAttribute(`tabIndex`,0)}updateAriaHelpText(e){let t=e.title||`Item`,n=`${this.getItemIndex(e)+1} of ${this.listItems.length}`;this.keyReorderTarget_?this.ariaHelpText=`${t} selected, current position ${n}`:this.ariaHelpText=`${t} dropped, final position ${n}`}enableDrag_(e){this.draggingEnabled_=!0}disableDrag_(e){this.draggingEnabled_=!1}startDragFromTouch_(e){let t=e;t.preventDefault();let n=t.currentTarget.closest(w)||t.currentTarget.getRootNode().host;if(!n)return;let r=n.getBoundingClientRect(),i=n.cloneNode(!0);i.style.width=`${r.width}px`,i.style.height=`${r.height}px`,i.style.top=`${r.top+window.pageYOffset-window.scrollY}px`,i.style.left=`${r.left}px`,i.style.zIndex=`1`,i.style.position=`fixed`,i.setAttribute(`clone`,!0),this.dragClone_=i,n.parentNode.appendChild(i),this.dragCloneOffsets_={left:t.touches[0].pageX-r.left,top:t.touches[0].pageY-r.top},n.setAttribute(`drag`,!0),this.dragTarget_=n}touchDragMove_(e){let t=e;if(t.preventDefault(),!this.dragClone_)return;let n=t.touches[0].pageY-this.dragCloneOffsets_.top+window.pageYOffset-window.scrollY,r=t.touches[0].pageX-this.dragCloneOffsets_.left;this.dragClone_.style.top=`${n}px`,this.dragClone_.style.left=`${r}px`,!E(t.touches[0].pageX,t.touches[0].pageY,this.dragTarget_.getBoundingClientRect())&&(this.dragHoverElem_||this.animateTransition(()=>{this.moveDraggedItem_(t)}
1))}endDragFromTouch_(e){this.dragClone_&&this.dragClone_.parentNode&&(this.dragClone_.parentNode.removeChild(this.dragClone_),this.dragClone_=void 0,this.dragEnd_(e))}dragStart_(e){if(!this.draggingEnabled_){e.preventDefault();return}let t=e.currentTarget;setTimeout(()=>{document.body.style.WebkitUserSelect=`none`,document.body.style.MozUserSelect=`none`,document.body.style.userSelect=`none`,t.setAttribute(`drag`,!0)},0),this.dragTarget_=t,e.dataTransfer.dropEffect=`move`,e.dataTransfer.setData(`text/plain`,e.target.itemId)}dragEnter_(e){if(e.currentTarget.tagName===w.toUpperCase())e.stopPropagation();else return;e.dataTransfer.dropEffect=`move`,!(!this.dragTarget_||!this.dragTarget_.parentNode||!this.dragTarget_.draggable||this.dragHoverElem_===e.currentTarget||this.isAnimating())&&this.moveDraggedItem_(e)}moveDraggedItem_(e){let t=this.listItems,n=this.findTarget(e,t);if(!n||!n.itemId)return;let r=this.getItemIndex(this.dragTarget_),i=this.getItemIndex(n);this.animateTransition(()=>{if(t.length-1===i)n.parentNode.appendChild(this.dragTarget_);else{let e=i>r?n.nextSibling:n;n.parentNode.insertBefore(this.dragTarget_,e)}})}drop_(e){e.stopPropagation(),e.preventDefault()}dragOver_(e){e.preventDefault(),e.dataTransfer.dropEffect=`move`}dragEnd_(e){if(!e.touches&&!this.draggingEnabled_){e.preventDefault();return}let t=this.dragTarget_;t&&t.removeAttribute(`drag`),document.body.style.removeProperty(`-webkit-user-select`),document.body.style.removeProperty(`-moz-user-select`),document.body.style.removeProperty(`user-select`),this.dragTarget_=void 0,this.dragHoverElem_=void 0,this.dispatchChangeEvent()}dispatchChangeEvent(){this.dispatchEvent(new CustomEvent(`reorder`,{bubbles:!0,composed:!0,detail:this.getItemIdArray()}))}getItemIdArray(){return(Array.from(this.listItems)||[]).map(e=>e.itemId)}findTarget(e,t){if(e.touches)for(let n=0;n<(t||[]).length;n++){let r=t[n].getBoundingClientRect();if(E(e.touches[0].pageX,e.touches[0].pageY,r))return t[n]}else if(e.currentTarget&&e.currentTarget.tagName===w.toUpperCase()&&!e.currentTarget.hasAttribute(`drag`))return e.currentTarget}getItemIndex(e){let t=this.listItems;return t?t.indexOf(e):null}static get template(){return n`<style>:host{display:block}h3{font-size:var(--bannoweb-list-organizer-card-font-size,20px);font-weight:var(--bannoweb-list-organizer-card-font-weight,300);flex:1;margin:0}svg{width:24px;height:24px;fill:var(--bannoweb-list-organizer-handle-color,var(--jha-text-theme));display:block}jha-list{margin-bottom:0}@media (width<=768px){jha-list[organize-list]{padding:1px 0 8px}}.assistive-text{clip:rect(0 0 0 0)!important;text-transform:none!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}::slotted([selected=true]){--primary-content-background-color:var(--jha-focus-highlight-color)}</style> <div id="reorderInstructions" class="assistive-text"> Press space bar to select an item then use the up and down arrow keys to move the selected item. <div aria-live="assertive">[[ariaHelpText]]</div> </div> <jha-list organize-list="" role="listbox" aria-describedby="reorderInstructions" tabindex="0"> <slot></slot> </jha-list>`}},customElements.define(window.BannowebReorderListElement.is,window.BannowebReorderListElement),window.BannowebReorderListElement;var O=m(t);window.BannowebReorderItemElement=class extends O{static get is(){return`bannoweb-reorder-item`}static get properties(){return{draggable:{type:String,value:`true`,reflectToAttribute:!0},itemId:String,title:String}}static get template(){return n`<style> :host { 2 display: flex; 3 background-color: var(--primary-content-background-color); 4 align-items: center; 5 border-radius: var(--bannoweb-list-organizer-card-border-radius, 0px); 6 } 7 :host > div { 8 @apply --flex-space-between; 9 position: relative; 10 width: 100%; 11 margin-left: calc(var(--jha-content-inset) + 20px); 12 border-bottom: 1px solid var(--reorder-item-border-color, var(--div
12ider-default-color)); 13 height: 100%; 14 } 15 :host span.icon-wrapper { 16 display: flex; 17 /*cursor: -webkit-grab;*/ 18 /*cursor: -moz-grab;*/ 19 /*cursor: grab;*/ 20 width: 24px; 21 flex: 0 1 24px; 22 align-self: stretch; 23 align-items: center; 24 justify-content: flex-end; 25 margin-left: -24px; 26 cursor: move; 27 background: transparent; 28 } 29 svg { 30 fill: var(--jha-text-theme); 31 } 32 :host([drag='true']) { 33 background-color: var(--secondary-content-background-color) !important; 34 border-bottom: none !important; 35 } 36 :host[clone='true']) { 37 box-shadow: 38 0 1px 1px 0 rgba(0, 0, 0, 0.24), 39 0 1px 4px rgba(0, 0, 0, 0.12); 40 } </style> <div drag-item> <span class="icon-wrapper"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-label="Drag to move account"> <path d="M8,18h2v-2H8V18z M8,13h2v-2H8V13z M8,6v2h2V6H8z"></path> <path d="M13,18h2v-2h-2V18z M13,13h2v-2h-2V13z M13,6v2h2V6H13z"></path> </svg> </span> <slot></slot> </div>`}},customElements.define(window.BannowebReorderItemElement.is,window.BannowebReorderItemElement),window.BannowebReorderItemElement;var k={OOPS_TRY_AGAIN:`Oops, something went wrong on our end. Please try again later.`,REORDER_SAVE_ERROR:`We were unable to save your account order. Please check your data connection and try again.`},{accountsController:A}=d,j=class extends g{},M=f(p(m(t)),`fadeinup`);window.BannowebAccountsOrganizeElement=class extends M{static get is(){return`bannoweb-accounts-organize`}static get properties(){return{filteredAccounts:{type:Object,value:()=>new j(d.store.accounts,e=>e.showBalanceAndActivity)},accountsCollection:{type:Object,value:()=>d.store.accounts},thirdPartyAccountsCollection:{type:Object,value:()=>c},institution:{type:Object,value:()=>d.store.institution},user:{type:Object,value:()=>d.store.user},reorderredAccounts:Array,isSavingAccountOrder:{type:Boolean,value:!1}}}constructor(){super(),e(()=>import(`./jha-icon-chevron-back-qAPV11jO.js`),[]),e(()=>import(`./bannoweb-accounts-card-list-item-Bz1P_ZQE.js`),[]),this.clicked_=e=>{e.composedPath().find(e=>e.tagName===`A`)&&e.composedPath().find(e=>e.tagName===`JHA-LIST-ITEM`)&&e.preventDefault()}}connectedCallback(){super.connectedCallback(),this.addEventListener(`click`,this.clicked_,!1)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener(`click`,this.clicked_,!1)}async routeEnter(e,t,n,r){return o.setTitleAndTrack(`Organize accounts`,l.getRouteUrlWithoutParams(r),n),super.routeEnter(e,t,n,r)}saveAccountOrder_(e){if(this.isSavingAccountOrder)return;if(!this.reorderredAccounts){history.back();return}this.isSavingAccountOrder=!0;let t=this.reorderredAccounts.map((e,t)=>({accountId:e,sortIndex:t}));A.saveAccountOrder(t).then(()=>{history.back()}).catch(e=>{this.dispatchEvent(new s(k.REORDER_SAVE_ERROR))}).finally(()=>{this.isSavingAccountOrder=!1})}onClickBack(e){history.back()}onAccountsReorder(e){e.stopPropagation(),this.reorderredAccounts=e.detail}submitDisabled_(e,t){return!e&&!t}static get template(){return n`<style>@keyframes fadeInUp{0%{opacity:0;transform:translateY(15%)}to{opacity:1;transform:translate(0,0)}}:host{flex:1 0 auto;display:block}:host(.fadeinup) jha-card{@apply --fade-in-up-animation;}jha-card{overflow:hidden}jha-list{width:200%}header{height:21px;position:relative;overflow:hidden}.grid-7-lg,.grid-6-md{margin:0 auto}footer{text-align:center;margin-top:var(--jha-card-article-margin-bottom)}p{margin-left:18px}p.disclaimer{text-align:center;color:var(--body-text-secondary-color);margin:16px 0;font-size:12px}bannoweb-reorder-item:focus{border:2px solid var(--body-text-theme-color);--reorder-item-border-color:transparent;border-radius:3px;outline:none}@media (width>=740px) and (width<=991px){.grid-6-md{flex-basis:75%!important;max-width:75%!important}jha-icon-chevron-right{right:5px}}</style> <bannoweb-page-container> <jha-grid id="accounts-organize"> <div class="grid-6-md grid-7-lg"> <jha-card> <jha-card-header center-header=""> <jha-button slot="header-left" id="backBtn" sync="" icon="" on-click="onClickBack" type="button"> <jha-icon-chevron-back aria-label="Back"></jha-icon-chevron-back> </jha-button>
40 <h1>Organize accounts</h1> </jha-card-header> <p>Drag to reorder accounts</p> <bannoweb-reorder-list on-reorder="onAccountsReorder"> <template is="dom-repeat" items="[[filteredAccounts.items]]"> <bannoweb-reorder-item title="[[item.name]]" item-id="[[item.id]]"> <bannoweb-accounts-card-list-item account="[[item]]" accounts-collection="[[accountsCollection]]" balance-display-settings="[[institution.balanceDisplaySettings]]" is-reordering="" primary-institution-id="[[institution.id]]"></bannoweb-accounts-card-list-item> </bannoweb-reorder-item> </template> </bannoweb-reorder-list> <footer> <jha-button is-loading="[[isSavingAccountOrder]]" disabled="[[submitDisabled_(isSavingAccountOrder, reorderredAccounts.length)]]" on-click="saveAccountOrder_" type="button" aria-label="Save account order change"> Save </jha-button> <template is="dom-if" if="[[thirdPartyAccountsCollection.items.length]]"> <p class="disclaimer"> * Third party connected accounts are not available for account organization at this time. </p> </template> </footer> </jha-card> </div> </jha-grid> </bannoweb-page-container>`}},customElements.define(window.BannowebAccountsOrganizeElement.is,window.BannowebAccountsOrganizeElement);var N=window.BannowebAccountsOrganizeElement;export{N as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.