@public-ui/components
Version:
Contains all web components that belong to KoliBri - The accessible HTML-Standard.
5 lines • 1.59 kB
JavaScript
/*!
* KoliBri - The accessible HTML-Standard
*/
import{a as l}from"./tslib.es6-QNbPBOk5.js";import{h as o}from"./index-BQlHOxik.js";import{b as i}from"./component-names-Dy77vq43.js";import{c as e}from"./clsx-COFh-Vc8.js";import{a as s}from"./dev.utils-02Sl9bQo.js";import{K as n}from"./Heading-q2Ue3Ixd.js";const a=(a,d)=>{const{id:r,class:t,label:c,level:p=1,disabled:v,open:b,onClick:u,HeadingProps:_={},HeadingButtonProps:m={},ContentProps:f={}}=a,g=l(a,["id","class","label","level","disabled","open","onClick","HeadingProps","HeadingButtonProps","ContentProps"]);const h=b?"kolicon-chevron-down":"kolicon-chevron-right";const j=s(r,"heading");const k=s(r,"control");return o("div",Object.assign({id:r,class:e("collapsible",{"collapsible--disabled":v===true,"collapsible--open":b===true},t)},g),o(n,{ref:_===null||_===void 0?void 0:_.ref,level:p,class:e("collapsible__heading",_===null||_===void 0?void 0:_.class)},o(i,{class:e("collapsible__heading-button",m===null||m===void 0?void 0:m.class),ref:m===null||m===void 0?void 0:m.ref,slot:"expert",id:j,_ariaControls:k,_ariaExpanded:b,_disabled:v,_icons:(m===null||m===void 0?void 0:m._icons)||`${h}`,_label:c,_on:{onClick:u}})),o("div",{class:e("collapsible__wrapper",f===null||f===void 0?void 0:f.wrapperClass)},o("div",{class:e("collapsible__wrapper-animation",f===null||f===void 0?void 0:f.animationClass)},o("div",{"aria-hidden":b===false?"true":undefined,"aria-labelledby":j,role:"region",class:e("collapsible__content",f===null||f===void 0?void 0:f.class),id:k},d))))};export{a as K};
//# sourceMappingURL=Collapsible-BpaQSoeN.js.map