https://my.obee.com/en/js/bannoweb-error-details-accordion-2cFJQgCN.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"./jha-card-DC-UH8vN.js";import{r as i}from"./banno-styles-B3iGgKv1.js";window.BannowebErrorDetailsAccordionElement=class extends n{static get is(){return`bannoweb-error-details-accordion`}static get properties(){return{errorDetails:{type:Array,attribute:!1},errorMessage:{type:String,attribute:`error-message`},showDetails:{type:Boolean,attribute:`show-details`,reflect:!0}}}constructor(){super(),this.errorDetails=[],this.errorMessage=``,this.showDetails=!1,e(()=>import(`./icon-chevron-up-small-DAsApPPp.js`).then(e=>e.t),[])}static get styles(){return[i,t`:host{--bannoweb-error-details-accordion-horizontal-spacing:var(--jha-list-item-horizontal-spacing,0);display:block}jha-error-message,#error-details{margin:0 var(--bannoweb-error-details-accordion-horizontal-spacing)}jha-error-message{border-radius:3px 3px 0 0;margin-top:8px}#error-details{border:2px solid var(--jha-error-message-background-color,var(--jha-color-warning));max-height:0;color:var(--body-text-alert-color);border-radius:0 0 3px 3px;transition:all .5s;overflow-y:scroll}

1:host([show-details]) #error-details{max-height:600px}jha-error-message:has(#btn-toggle-error-details){padding:0}#btn-toggle-error-details{color:var(--jha-error-message-text-color,var(--jha-text-white));--jha-icon-color:var(--jha-error-message-text-color,var(--jha-text-white));--jh-icon-color-fill:var(--jha-error-message-text-color,var(--jha-text-white));justify-content:space-between;align-items:center;width:100%;padding:16px 20px 12px;display:flex}#btn-toggle-error-details span{align-items:center;gap:4px;display:flex}ul#error-details-list{flex-direction:column;gap:16px;padding:16px;display:flex}ul#error-details-list li{display:block}jha-error-message button[aria-expanded=false] jh-icon-chevron-up-small{transition:all .3s;transform:rotateX(180deg)}`]}render(){return this.errorMessage?r`<jha-error-message>${this.renderErrorMessageContent()}</jha-error-message> <div id="error-details" aria-hidden="${!this.showDetails}"> <slot name="error-details">${this.maybeRenderErrorDetails(this.errorDetails)}</slot> </div>`:``}renderErrorMessageContent(){return this.errorDetails?.length>0||this.querySelector(`*[slot="error-details"]`)?r`<button aria-controls="error-details" aria-expanded="${this.showDetail

1s}" class="reset" id="btn-toggle-error-details" @click="${()=>this.showDetails=!this.showDetails}"> <span>${this.errorMessage}</span> <span> ${this.showDetails?r`<span>${`show less`}</span>`:r`<span>${`show more`}</span>`} <jh-icon-chevron-up-small aria-hidden="true"></jh-icon-chevron-up-small> </span> </button>`:r`<span>${this.errorMessage}</span>`}maybeRenderErrorDetails(e){return e?.length?r`<ul id="error-details-list"> ${e.map(e=>r`<li>${e}</li>`)} </ul>`:``}},customElements.define(window.BannowebErrorDetailsAccordionElement.is,window.BannowebErrorDetailsAccordionElement),window.BannowebErrorDetailsAccordionElement;