@cbpds/web-components
Version:
Web components for the CBP Design System.
5 lines • 1.13 kB
JavaScript
/*!
* CPB Design System web components - built with Stencil
*/
import{r as i,h as t,a as c,g as o}from"./p-654179c2.js";import{s}from"./p-93ade441.js";const a=":root{--cbp-accordion-gap:var(--cbp-space-3x)}cbp-accordion{display:flex;flex-direction:column;gap:var(--cbp-accordion-gap)}";const e=a;const n=class{constructor(t){i(this,t);this.multiple=undefined;this.context=undefined;this.sx={}}init(){this.items=Array.from(this.host.querySelectorAll("cbp-accordion-item"));this.items.forEach((i=>{i.addEventListener("accordionItemClick",(i=>{this.accordionActionHandler(i)}))}))}accordionActionHandler({detail:{host:i,open:t}}){if(!this.multiple&&t){this.host.querySelectorAll("cbp-accordion-item").forEach((t=>{if(t!==i){t.open=false}}))}}componentWillLoad(){if(typeof this.sx=="string"){this.sx=JSON.parse(this.sx)||{}}s(this.host,Object.assign({},this.sx))}componentDidLoad(){this.init()}render(){return t(c,{key:"5acc53f5aff32b43633a3af9baebdb7484c15205"},t("slot",{key:"2e09b474600d1daf11e278b3d8360d6324bbabc4"}))}get host(){return o(this)}};n.style=e;export{n as cbp_accordion};
//# sourceMappingURL=p-6dfe6346.entry.js.map