@postnord/web-components
Version:
PostNord Web Components
5 lines • 1.31 kB
JavaScript
/*!
* Built with Stencil
* By PostNord.
*/
import{t,r as e,g as o,f as a,h as n,a as r}from"./p-CAEP792y.js";const c=class{constructor(t){e(this,t)}mo;closeEvent=new CustomEvent("rowstate",{detail:!1});get hostElement(){return o(this)}single=!1;transparent=!1;connectedCallback(){this.mo=new MutationObserver((()=>a(this.hostElement))),this.mo.observe(this.hostElement,{childList:!0,subtree:!0})}disconnectedCallback(){this.mo.disconnect()}handleSingleRow({detail:e}){if(!this.single)return;const o=e.element.closest(`${t("pn-accordion-row")}`);Array.from(this.hostElement.querySelectorAll(`${t("pn-accordion-row")}`)).forEach((t=>!t.isSameNode(o)&&t.dispatchEvent(this.closeEvent)))}render(){return n(r,{key:"d8cd9ef7bd0d93aafda0e6955a9ad35ec81d55ae",class:"pn-accordion","data-transparent":this.transparent},n("slot",{key:"43233bb6107dcc4608edb0086ef347d7c936556f"}))}};c.style=`${t("pn-accordion")}{position:relative;background-color:#ffffff;display:flex;align-items:stretch;flex-direction:column;gap:0.25em}${t("pn-accordion")}[data-transparent]{background-color:transparent}${t("pn-accordion")}>${t("pn-accordion-row")}+${t("pn-accordion-row")}:after{content:"";position:absolute;top:-0.125em;left:0.25em;width:calc(100% - 0.5em);height:0;border-top:0.0625em solid #d3cecb}`;export{c as pn_accordion}