@public-ui/components/dist/components/Collapsible.js

Contains all web components that belong to KoliBri - The accessible HTML-Standard.

/*!
 * KoliBri - The accessible HTML-Standard
 */
import{_ as __rest}from"./tslib.es6.js";import{h}from"@stencil/core/internal/client";import{c as clsx}from"./clsx.js";import{d as KolButtonWcTag}from"./component-names.js";import{K as KolHeadingFc}from"./Heading.js";const KolCollapsibleFc=(l,o)=>{const{id:s,class:i,label:e,level:a=1,disabled:n,open:c,onClick:r,HeadingProps:t={},HeadingButtonProps:d={},ContentProps:p={}}=l,_=__rest(l,["id","class","label","level","disabled","open","onClick","HeadingProps","HeadingButtonProps","ContentProps"]),b=c?"kolicon-chevron-down":"kolicon-chevron-right";return h("div",Object.assign({id:s,class:clsx("collapsible",{"collapsible--disabled":!0===n,"collapsible--open":!0===c},i)},_),h(KolHeadingFc,{ref:null==t?void 0:t.ref,level:a,class:clsx("collapsible__heading",null==t?void 0:t.class)},h(KolButtonWcTag,{class:clsx("collapsible__heading-button",null==d?void 0:d.class),ref:null==d?void 0:d.ref,slot:"expert",_ariaControls:`${s}-control`,_ariaExpanded:c,_disabled:n,_icons:(null==d?void 0:d._icons)||`${b}`,_label:e,_on:{onClick:r}})),h("div",{class:clsx("collapsible__wrapper",null==p?void 0:p.wrapperClass)},h("div",{class:clsx("collapsible__wrapper-animation",null==p?void 0:p.animationClass)},h("div",{"aria-hidden":!1===c?"true":void 0,class:clsx("collapsible__content",null==p?void 0:p.class),id:`${s}-control`},o))))};export{KolCollapsibleFc as K};