@postnord/web-components
Version:
PostNord Web Components
5 lines • 1.28 kB
JavaScript
/*!
* Built with Stencil
* By PostNord.
*/
import{t,r as e,g as o,f as n,h as a,a as r}from"./p-XKg-ydzH.js";const s=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((()=>n(this.hostElement))),this.mo.observe(this.hostElement,{childList:!0,subtree:!0})}disconnectedCallback(){this.mo.disconnect()}handleSingleRow({detail:e}){if(!this.single)return;const o=t("pn-accordion-row"),n=e.element.closest(o);Array.from(this.hostElement.querySelectorAll(o)).forEach((t=>!t.isSameNode(n)&&t.dispatchEvent(this.closeEvent)))}render(){return a(r,{key:"e6a1b3b18e0b6f366191f7b25154349e8fb3f81d",class:"pn-accordion","data-transparent":this.transparent},a("slot",{key:"4bdd61aafbb42520ed3af9e50045376104bee491"}))}};s.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{s as pn_accordion}