UNPKG

@public-ui/components

Version:

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

4 lines 1.53 kB
/*! * KoliBri - The accessible HTML-Standard */ "use strict";var tslib_es6=require("./tslib.es6-7DbU_BSw.js"),index=require("./index-C3uXtd6W.js"),clsx=require("./clsx-CkZlkaek.js"),componentNames=require("./component-names-Bu9hV7OT.js"),Heading=require("./Heading-CFrR8SYV.js");const KolCollapsibleFc=(l,e)=>{const{id:s,class:i,label:o,level:n=1,disabled:a,open:c,onClick:d,HeadingProps:r={},HeadingButtonProps:t={},ContentProps:p={}}=l,x=tslib_es6.__rest(l,["id","class","label","level","disabled","open","onClick","HeadingProps","HeadingButtonProps","ContentProps"]),b=c?"kolicon-chevron-down":"kolicon-chevron-right";return index.h("div",Object.assign({id:s,class:clsx.clsx("collapsible",{"collapsible--disabled":!0===a,"collapsible--open":!0===c},i)},x),index.h(Heading.KolHeadingFc,{ref:null==r?void 0:r.ref,level:n,class:clsx.clsx("collapsible__heading",null==r?void 0:r.class)},index.h(componentNames.KolButtonWcTag,{class:clsx.clsx("collapsible__heading-button",null==t?void 0:t.class),ref:null==t?void 0:t.ref,slot:"expert",_ariaControls:`${s}-control`,_ariaExpanded:c,_disabled:a,_icons:(null==t?void 0:t._icons)||`${b}`,_label:o,_on:{onClick:d}})),index.h("div",{class:clsx.clsx("collapsible__wrapper",null==p?void 0:p.wrapperClass)},index.h("div",{class:clsx.clsx("collapsible__wrapper-animation",null==p?void 0:p.animationClass)},index.h("div",{"aria-hidden":!1===c?"true":void 0,class:clsx.clsx("collapsible__content",null==p?void 0:p.class),id:`${s}-control`},e))))};exports.KolCollapsibleFc=KolCollapsibleFc;