@freshworks/crayons/dist/components/fw-accordion-body.js

Crayons Web Components library

import { attachShadow, h, proxyCustomElement } from '@stencil/core/internal/client';

const accordionBodyCss = ":host{font-family:var(--fw-font-family, -apple-system, blinkmacsystemfont, \"Segoe UI\", roboto, oxygen, ubuntu, cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-box-sizing:border-box;box-sizing:border-box}.accordion-body{font-size:var(--fw-accordion-body-font-size, 14px);line-height:var(--fw-accordion-body-line-height, 18px);background-color:var(--fw-accordion-body-background-color, #f5f7f9);padding:var(--fw-accordion-body-padding, 20px);border-radius:0 0 var(--fw-accordion-border-radius, 8px) var(--fw-accordion-border-radius, 8px)}.accordion-body.collapsed{display:none}.accordion-body.no-bounding-box{border-radius:0}";

let AccordionBody = class extends HTMLElement {
  constructor() {
    super();
    this.__registerHost();
    attachShadow(this);
    /**
     * @internal
     */
    this.type = 'default';
  }
  render() {
    return (h("div", { class: {
        'accordion-body': true,
        'collapsed': !this.expanded,
        'no-bounding-box': this.type === 'no_bounding_box',
      } }, h("slot", null)));
  }
  static get style() { return accordionBodyCss; }
};
AccordionBody = /*@__PURE__*/ proxyCustomElement(AccordionBody, [1, "fw-accordion-body", {
    "expanded": [4],
    "type": [1]
  }]);
function defineCustomElement$1() {
  const components = ["fw-accordion-body"];
  components.forEach(tagName => { switch (tagName) {
    case "fw-accordion-body":
      if (!customElements.get(tagName)) {
        customElements.define(tagName, AccordionBody);
      }
      break;
  } });
}

const FwAccordionBody = AccordionBody;
const defineCustomElement = defineCustomElement$1;

export { FwAccordionBody, defineCustomElement };