dap-design-system/dist/components/card/card-content.component.js

Official design system for the DÁP (dap.gov.hu)

import { clsx as p } from "../../node_modules/clsx/dist/clsx.js";
import "../../node_modules/@lit/reactive-element/reactive-element.js";
import "../../node_modules/lit-html/lit-html.js";
import "../../node_modules/lit-element/lit-element.js";
import { property as c } from "../../node_modules/@lit/reactive-element/decorators/property.js";
import { unsafeStatic as m, html as d } from "../../node_modules/lit-html/static.js";
import { DdsElement as f } from "../../internal/dds-hu-element.js";
import { SizedMixin as l } from "../../internal/mixin/sizedMixin.js";
import h from "./_styles/card-content.scss.js";
import { unsafeCSS as u } from "../../node_modules/@lit/reactive-element/css-tag.js";
var v = Object.defineProperty, $ = (i, o, a, g) => {
  for (var t = void 0, s = i.length - 1, n; s >= 0; s--)
    (n = i[s]) && (t = n(o, a, t) || t);
  return t && v(o, a, t), t;
};
const r = class r extends l(f) {
  constructor() {
    super(), this.renderAs = "div", this.spacing = "bottom", this.parentSized = "true";
  }
  render() {
    return d`
      <${m(this.renderAs)} part="base" class=${p(
      "card-content",
      `card-content--${this.effectiveSize}`,
      `card-content-spacing--${this.spacing}`
    )}>
        <slot> </slot>
      </${m(this.renderAs)}>
    `;
  }
};
r.tagName = "dap-ds-card-content", r.styles = u(h);
let e = r;
$([
  c()
], e.prototype, "renderAs");
export {
  e as default
};
//# sourceMappingURL=card-content.component.js.map