import{d as p,u as I,C as H,e as c,K as m,J as L,M,o as e,h as r,j as k,z as i,l as v,m as t,A as y,i as D,E as S,G as T,n as N,t as V,k as $,B as z,_ as G}from"./BFFQ6CST.js";import{_ as E}from"./BK8UElOE.js";const q=["dir"],J=["data-click-id"],K={key:0,class:"h-accordion__header-wrapper"},F={key:1,class:"h-accordion__header-wrapper--image"},P=["innerHTML"],Q=p({__name:"HAccordion",props:{open:{type:Boolean,default:!1},controlled:{type:Boolean,default:!1},hasBorder:{type:Boolean,default:!1},accordionData:{type:[Object,Array],required:!0},backgroundColor:{type:String,default:"light"},isDarkLayout:{type:Boolean,default:!1},titleDataClickId:{type:String,default:""}},emits:["on-button-click"],setup(o,{emit:_}){const{direction:h}=I(),a=o,g=_,l=H(!1),C=c(()=>Object.values(m).includes(a.backgroundColor)||a.isDarkLayout),f=c(()=>({"h-accordion__icon--active":s.value})),B=c(()=>C.value?"ui-icons/ic-arrow-down-light":"ui-icons/ic-arrow-down-meteorite-dark"),w=c(()=>L("h-accordion__list-body-",a.backgroundColor,[...Object.values(M),...Object.values(m)])),x=c(()=>({"h-accordion__title-container--rtl":h.value==="rtl","h-accordion__title-container--dark":a.backgroundColor==="black","h-accordion__title-container--opened":l.value||a.open})),A=c(()=>({"h-accordion--active":s.value,"h-accordion--bordered":a.hasBorder,"h-accordion--bordered-dark":a.hasBorder&&a.backgroundColor==="black","h-accordion--bordered-meteorite-dark":a.hasBorder&&a.backgroundColor==="meteorite-dark","h-accordion--bordered-light":a.hasBorder&&a.backgroundColor==="light"})),s=c(()=>a.controlled?a.open:l.value),n=d=>Array.isArray(d),O=()=>{l.value=!l.value};return(d,b)=>{const u=z,j=E;return o.accordionData?(e(),r("div",{key:0,class:i(["h-accordion",A.value]),dir:$(h)},[k("div",{class:i(["h-accordion__title-container",x.value]),"data-click-id":o.titleDataClickId,onClick:O},[d.$slots.title?(e(),r("div",K,[!n(o.accordionData)&&o.accordionData.icon?(e(),r("div",{key:0,class:i(["h-accordion__header-wrapper--icon",{"h-accordion__header-wrapper--icon-dark":o.backgroundColor==="black","h-accordion__header-wrapper--icon-meteorite-dark":o.backgroundColor==="meteorite-dark"}])},[!n(o.accordionData)&&o.accordionData.icon?(e(),v(u,{key:0,icon:o.accordionData.icon,"view-box":"0 0 20 20",size:{height:20,width:20}},null,8,["icon"])):t("",!0)],2)):t("",!0),!n(o.accordionData)&&o.accordionData.image?(e(),r("div",F,[!n(o.accordionData)&&o.accordionData.image?(e(),v(j,{key:0,media:o.accordionData.image},null,8,["media"])):t("",!0)])):t("",!0),y(d.$slots,"title",{},void 0,!0)])):t("",!0),k("span",{class:i(["h-accordion__icon",f.value])},[D(u,{icon:B.value},null,8,["icon"])],2)],10,J),S(k("div",{class:i(["h-accordion__list",{"h-accordion__list--dark":o.backgroundColor==="black"}])},[n(o.accordionData)?y(d.$slots,"options",{key:0},void 0,!0):(e(),r("span",{key:1,class:i(["h-accordion__list-body",w.value]),innerHTML:o.accordionData.body},null,10,P)),!n(o.accordionData)&&o.accordionData.buttonText?(e(),r("div",{key:2,class:"h-accordion__button",onClick:b[0]||(b[0]=R=>g("on-button-click"))},[N(V(o.accordionData.buttonText)+" ",1),D(u,{icon:"ui-icons/ic-arrow-primary-right"})])):t("",!0)],2),[[T,s.value]])],10,q)):t("",!0)}}}),X=G(Q,[["__scopeId","data-v-0edfa9e9"]]);export{X as _};