import{r as o,h as t,g as e}from"./p-a6030c6e.js";const r='.accordion_header{display:grid;grid-auto-flow:column;gap:24px;-ms-flex-pack:start;justify-content:start;-ms-flex-align:center;align-items:center;padding:24px;padding-right:56px;position:relative;color:var(--color-content-default, #454545);cursor:pointer}.accordion_header::before{content:"";position:absolute;inset:0;z-index:0}.accordion_header *{position:relative;z-index:1}.accordion_header:hover::before{background-color:var(--color-content-default, #454545);opacity:0.08}.accordion_header .accButton{position:absolute;right:24px;top:calc(50% - 16px);border-radius:8px;contain:inherit;-webkit-transition:height 0.5s, all 0.3s;-moz-transition:height 0.5s, all 0.3s;transition:height 0.5s, all 0.3s;z-index:1}.accordion_header .accButton__isopen{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.accordion_header .accButton::before{content:"";position:absolute;inset:-4px;border:2px solid transparent;border-radius:4px}.accordion_header .accButton:focus-visible{outline:none}.accordion_header .accButton:focus-visible::before{border-color:var(--color-focus, #c226fb)}.accordion_header .accButton:hover{background-color:var(--color-surface-1, #F6F6F6)}.accordion_header .accButton:active{background-color:var(--color-surface-1, #F6F6F6)}.accordion_body{height:0;overflow:hidden;border-bottom:1px solid var(--color-surface-3, #CFCFCF);-webkit-transition:height 0.5s;-moz-transition:height 0.5s;transition:height 0.5s}.accordion_body::-webkit-scrollbar{width:16px;background-color:transparent}.accordion_body::-webkit-scrollbar-thumb{border-radius:10px;border:4px solid transparent;border-radius:10px;background-clip:content-box;background-color:#b9cbd3}.accordion_body_isOpen{overflow:overlay}.accordion_body .container{padding:8px 24px 48px;position:relative;color:var(--color-content-default, #454545)}';const i=r;const a=class{constructor(t){o(this,t);this.accordionElement=null;this.toggleHeader=()=>{var o;(o=this.accordionElement)===null||o===void 0?void 0:o.toggle()};this.isOpen=false;this.btToggleIsfocus=false;this.numberElement=null;this.accordionTitle=null;this.icon=null;this.avatarName=null;this.avatarThumb=null;this.dataTest=null}async toggle(){this.isOpen=!this.isOpen}async open(){this.isOpen=true}async close(){this.isOpen=false}componentWillRender(){this.accordionElement=this.element.parentElement}handleKeyDown(o){var t;if(o.key=="Enter"){(t=this.accordionElement)===null||t===void 0?void 0:t.toggle()}}render(){return t("div",{key:"0df7b6730d86795392ce55c327280b924c0edc62",onClick:this.toggleHeader,class:{accordion_header:true},"data-test":this.dataTest},this.avatarName||this.avatarThumb?t("bds-avatar",{name:this.avatarName,thumbnail:this.avatarThumb,size:"extra-small"}):this.icon&&t("bds-icon",{size:"x-large",name:this.icon,color:"inherit"}),this.accordionTitle&&t("bds-typo",{key:"34015036eb94537bd8a925875d155c1c1b79bfb8",bold:"bold",variant:"fs-16","line-height":"double"},this.accordionTitle),t("slot",{key:"80779b92d01361f6b7dc15c48469435e32543d52"}),t("bds-icon",{key:"d86afc08ba6f81795ce45467c5bb5ab69c103291",class:{accButton:true,accButton__isopen:this.isOpen,accButton__isfocus:this.btToggleIsfocus},size:"x-large",name:"arrow-down",color:"inherit",tabindex:"0",onKeyDown:this.handleKeyDown.bind(this)}))}get element(){return e(this)}};a.style=i;export{a as bds_accordion_header};
//# sourceMappingURL=p-e25377a9.entry.js.map