@public-ui/components
Version:
Contains all web components that belong to KoliBri - The accessible HTML-Standard.
4 lines • 1.32 kB
JavaScript
/*!
* KoliBri - The accessible HTML-Standard
*/
import{_ as l}from"./tslib.es6-CxX45GIN.js";import{h as o}from"./index-BTX696j0.js";import{c as i}from"./clsx-eK3rPvPS.js";import{d as e}from"./component-names-B_kYyA8u.js";import{K as s}from"./Heading-Bl3XCPYb.js";const n=(a,n)=>{const{id:r,class:d,label:c,level:t=1,disabled:p,open:b,onClick:v,HeadingProps:_={},HeadingButtonProps:m={},ContentProps:u={}}=a,C=l(a,["id","class","label","level","disabled","open","onClick","HeadingProps","HeadingButtonProps","ContentProps"]),f=b?"kolicon-chevron-down":"kolicon-chevron-right";return o("div",Object.assign({id:r,class:i("collapsible",{"collapsible--disabled":!0===p,"collapsible--open":!0===b},d)},C),o(s,{ref:null==_?void 0:_.ref,level:t,class:i("collapsible__heading",null==_?void 0:_.class)},o(e,{class:i("collapsible__heading-button",null==m?void 0:m.class),ref:null==m?void 0:m.ref,slot:"expert",_ariaControls:`${r}-control`,_ariaExpanded:b,_disabled:p,_icons:(null==m?void 0:m._icons)||`${f}`,_label:c,_on:{onClick:v}})),o("div",{class:i("collapsible__wrapper",null==u?void 0:u.wrapperClass)},o("div",{class:i("collapsible__wrapper-animation",null==u?void 0:u.animationClass)},o("div",{"aria-hidden":!1===b?"true":void 0,class:i("collapsible__content",null==u?void 0:u.class),id:`${r}-control`},n))))};export{n as K};